When I used it for the first time, I was amazed to see how powerful and beautiful it is. The small amount of well written code can do a lot of work that need hours of time and skill to write JavaScript ourselves. This tutorials gives some frequently used examples of how jQuery works with demo and sample code.
Why should we learn jQuery?
jQuery is so powerful and robust that Microsoft has decided to ship it with Visual Studio.
According to ScottGu of Micorosoft, "I'm excited today to announce that Microsoft will be shipping jQuery with Visual Studio going forward." (Read the complete article here). Needless to say that jQuery works with latest version of most of the advanced browser like IE, FireFox, Chrome, Safari, Opera. If you download the hotfix (http://code.msdn.microsoft.com/KB958502), your current Visual Studio 2008 will also support jQuery IntelliSense (Read IntelliSense for jQuery).
To start working with jQuery, you need to download the code library from jQuery.com website. jQuery code library is available in several flavour like pack, minified, documentation etc (current url of download is http://code.google.com/p/jqueryjs/downloads/list?can=1&q=), Download them as per your need. I have downloaded pack version of the code library. After you have downloaded the library (at the time of writing this tutorials, the current version is 1.2.6), you can reference it the way you reference any of the JavaScript code file.
eg. <script src="/include/jquery-1.2.6.pack.js" type="text/javascript"> </script>
Prerequisite: In order to understand these tutorials, you must have basic understanding about JavaScript and how it works.
Lets see frequently used examples of jQuery in following articles. Please see top-left side tutorial menu for rest of the tutorials.
Note:This tutorials is based on the jQuery documentation available on http://jquery.com.