jQuery Tutorial

Introduction to jQuery

  • jQuery was released in 2006 by John Resig.
  • It has a nice motto of “Write less – do more”.
  • It has an open-source, cross – browser library.

Features of jQuery

The library consists of the following features:

DOM Manipulation
jQuery has made it easy to select the DOM elements, traverse them and modify the content by using the cross-browser open source selector engine called Sizzle.

Event handling
It captures a wide variety of events such as user clicking on a link, without the need to clutter the HTML code itself with the event handlers.

AJAX Support
It helps in developing a responsive and feature-rich site by using the AJAX technology.

It has plenty of built-in animation effects which can be used for the websites.

It has a lightweight library which is about 19KB in size.

Cross-browser support
jQuery has cross-browser support and works well in IE 6.0+, FF 2.0+, Safari 3.0+, Chrome and Opera 9.0+.

Latest Technology
It supports CSS3 selectors and the basic XPath syntax.


  • JavaScript enhancement without the overhead of learning new syntax.
  • It has an ability to keep the code simple, clear, readable and reusable.
  • Elimination of the requirement of writing repetitive, complex loops and DOM scripting library calls.
  • Ease of use: It is more easy to use than the standard JavaScript and other libraries.
  • Large library: It has a lot of functions compared to JavaScript.
  • Strong open source community: There are a lot of plugins available for the faster development of the applications.
  • Great documentation and tutorials: The jQuery website has plenty of tutorials that are required for the beginners.
  • Ajax support: Templates can be developed easily.


Provides flexible plugin architecture so that the functionality or program can be reused.
Examples of extension libraries: iQuery.Round, iQuery.UI