Search
Author
ASP.NET Tutorials
Author
Sheo Narayan
Winners

Win Prizes

Social Presence
Twitter Twitter LinkedIn YouTube Google

Like us on Facebook

Silverlight Tutorials | Report a Bug in the Tutorial
Found interesting? Add this to:


jQuery Tutorial

This tutorials is in beta version.

What is jQuery?
jQuery is the light weight javascript library to work with html elements in the browser. As per jQuery.com, it 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.

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.