jQuery Tutorial

Developed by John Resig, jQuery is used for web development.

jQuery Tutorial

Learn jQuery with this quick, easy and complete jQuery tutorial. Useful for all beginners and professionals, this tutorial explains all the basic and advance concepts, functions and effects of jQuery with examples.

Who is this jQuery Tutorial designed for?

Very useful for all beginners and professional web developers, this tutorial covers all the basic and advance concepts of jQuery Programming. Freshers, BCA, BE, BTech, MCA, college students will also find it useful to develop notes, for exam preparation, lab exercises, assignments and viva questions.

What do I need to know to begin with?

Since jQuery is used for developing web based applications, a good knowledge of HTML, CSS, JavaScript, text editors will come quite useful in this tutorial.

jQuery syllabus covered in this tutorial

This tutorial covers, jQuery Script Anatomy, Selectors, Traversing DOM, Selections, CSS, Styling & Dimensions, DOM Manipulation, Event Handling, Effects, Plugins, UI, jQuery Mobile etc.

If you are trying to learn or sharpen your jQuery programming skills, this tutorial gives you the perfect start!

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