jQuery Tutorial

jQuery Tutorial

jQuery is a fast and concise JavaScript library created by John Resig in 2006. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for Rapid Web Development.


This tutorial is designed for software programmers who wants to learn the basics of jQuery and its programming concepts in simple and easy ways. This tutorial will give you enough understanding on components of jQuery with suitable examples.


Before proceeding with this tutorial, you should have a basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM) and any text editor. As we are going to develop web based application using jQuery, it will be good if you have understanding on how internet and web based applications work.

Execute jQuery Online

For most of the examples given in this tutorial you will find Try it option, so just make use of this option to execute your jQuery programs at the spot and enjoy your learning.

Try following example using Try it option available at the top right corner of the below sample code box −

      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">

      <script type="text/javascript">
         $(document).ready(function(){document.write("Hello, World!");});