JQuery

JQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
jQuery is designed to change the way that you write JavaScript.

Jquery provides following features:
 

  •     HTML elements manipulation 
  •     CSS manipulation 
  •     JavaScript Effects and animations 
  •     AJAX  Supports
  •     PlugIn Supports
  •     Utilities

jQuery Library can be included within a web page by linking to a local copy or to various public servers.  jQuery has a CDN sponsered by Microsoft and Google.


How to Add jQuery Library to WebPage:

Local Copy        :<script type="text/javascript" src="js/1.8.0/jquery.min.js"></script>
CDN (Microsoft)    : 
<script type="text/javascript"  src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
CDN (Google)         :  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script

>



With jQuery we select HTML Element and perform some action on that perticular Element. Let's take an example

 

<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $("p").hide();
  });
});
</script>
</head>
  
<body>
<p>Hide Me !</p>
</body>
</html>

 

 

The power of  jQuery comes with powerful ready event, which occurs only when it checks the documents to load and wait until it is ready.

 

 

$(document).ready(function(){
   
 });

For More you can visit following links for detail about jQuery.

 

 

AJAX and jQuery

 

CSS Manipulation

HTML Manipulation

Community Resources

 

Leave a Comment
  • Please add 5 and 8 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • Ed Price - MSFT edited Revision 4. Comment: Grammar

  • Ed Price - MSFT edited Revision 3. Comment: Grammar

  • Ed Price - MSFT edited Revision 2. Comment: Capitalization of jQuery. Adding tags.

  • Jayant Sharma edited Original. Comment: more explanation

Page 1 of 1 (4 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Jayant Sharma edited Original. Comment: more explanation

  • jQuery, at my point, as one of the most helpful tools on a web development. We can do almost everything. And web contains to much resources/plugins etc which make to us a easy develop. Maybe you can show here some examples how to use, etc, if want, i'll be glad in help. Thankz

  • update: added some example links.

  • Ed Price - MSFT edited Revision 2. Comment: Capitalization of jQuery. Adding tags.

  • Ed Price - MSFT edited Revision 3. Comment: Grammar

  • Ed Price - MSFT edited Revision 4. Comment: Grammar

Page 1 of 1 (6 items)