jQuery Tutorial – jQuery Reference, jQuery Examples

Last Updated on: April 15, 2020   Posted By: Web Design Reference

jQuery Tutorial: Learn jQuery basic concept, jQuery Events, jQuery Selectors, jQuery Forms, jQuery Effects, jQuery Examples. In this page to learn the jQuery definition, the Purpose of using jQuery language, and how to use jQuery on a web page with examples. Follow and Like us on Facebook, Twitter, LinkedIn, Pinterest for the latest posts.

jQuery Tutorial: What is jQuery explain with an example?

jQuery Introduction: jQuery is an easy to use JavaScript library that is easy to learn and easy to understand. jQuery simply handles “DOM Manipulation”, “Event Handling”, “Ajax Support” and many others with easy to understand code. A $ sign to define or access jQuery on a web page. Simply $ sign is a jQuery Identifier.

jQuery Tutorial: How to use jQuery library in a document to explain with an example?

1.Download jQuery file from jQuery.com and include your HTML document
Example: jQuery in a html Document
< !DOCTYPE html >
< html >
< head >
< title >
How to include jQuery in a Document
< /title >
< script src=”https://www.webdesignreference.com/wp-content/themes/wdr/js/jquery.min.js” > < /script >
< script >
$(document).ready(function(){
$(".div-box").click(function(){
 $(this).hide();
 });
});
< /script >
< /head >
< body >
< div class=”div-box” > Click to hide me. < /div >
< /body >
< /html >
 
 
2. Include a jQuery File from a CDN (Content Delivery Network) like Google & Microsoft.

Example : jQuery in a html Document

< !DOCTYPE html >
< html >
< head >
< title >
How to include jQuery in a Document
< /title >
< script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js” > < /script >
< script >
$(document).ready(function(){
$(".div-box").click(function(){
 $(this).hide();
 });
});
< /script >
< /head >
< body >
< div class=”div-box” > Click to hide me. < /div >
< /body >
< /html >
 

What are jQuery Selectors and their uses?

jQuery Selectors: It allows you to select or find an element and manipulate an HTML document. jQuery Selectors find an HTML element by its name, id, class, type, and attributes, etc.

What are jQuery Events and their uses?

jQuery Events: An event represents an action when something happens on the web page like A mouse click, button click, keypress, submit, load, dblclick, keydown, change, resize, mouseenter, keyup, focus, scroll, mouseleave, blur, unload, etc.

Web Design Reference Guide Android App for Website Developers

Web Design Reference Guide Android App: Web Design Tutorial App is a tutorial and reference-based app. It provides Web Design Tutorial and Reference to Web Designers or Web Developers to grow their Web Development skills.

 

Also Related to this Page

 
 

Leave a Reply