Share on Google+Share on Google+

jQuery Installation 

In this tutorial, you will learn ,from where to download and how to install jQuery.In this video tutorial I will explains you how to download install and use the jQuery to create a simple jQuery example. This is getting started guide for programmer in jQuery. Get the source code from

jQuery Installation

For using jQuery , you need to follow the given below steps:

Step1: Go to this page ->  and download the latest version.

Step2: Now place the "jquery-1.4.2.min.js" file in the directory of your application.

It does not need any separate or special installation, it is very similar to java script.

There are two versions of the the jQuery distribution:

  • Compressed Version
  • Un-compressed Version

The Compressed Version of the distribution is very small in size and this is used for the production application. While the un-compressed version of the file is for development purpose and used by the developers while developing the application. The un-compressed version can be easily used for the debug of the application and you can also learn from its code.

To deploy the project in production environment you should use the compressed, minified version of the jQuery. Since the compressed version is very small in size its use in the production version will make your application fast and the performance will be good.

The jQuery is also available on the CDN and here is an example of using the jQuery from the CDN is:

<script src="//"></script> 

In this video I am going to show you how to download, install and use jQuery to create simple program.

Here is the video of “How to download, install and user jQuery?”:


Function: $(document).ready(function(){...}

We have used this function in our program to attach the click event on the link to display the alert message.

This function is called by the jQuery when the page load completes and you can write your code here. In this example we have attached the click method handle on a link, which displays the alert message to user.

Here is the code part:

<script type="text/javascript">
        alert("Redirecting  you to");

Here is the complete code of the html page:

  <script type="text/javascript" src="jquery-1.11.3.js">
     <script type="text/javascript">
            alert("Redirecting you to");
     <a href="">Visit RoseIndia.Net website!</a>

This tutorial is for beginners and teaches you how to get started with the jQuery framework. In this video tutorial you have learned to download, install and create your first jQuery example program.

Check more tutorial of jQuery at

Download code here



Posted on: July 23, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.