jQuery Tutorial And Reference

Published on: September 9, 2014   Last Updated on : November 11, 2017   Posted By : WebDesignReference

Learn jQuery with easy demo code and examples.

jQuery Tutorial And jQuery Reference Guide:-

jQuery : jQuery is a easy to use javaScript library which 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.

How to use or include jQuery library in a document. 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=”jquery folder/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 >
 

Leave a Reply