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 -> http://jquery.com/ 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="//code.jquery.com/jquery-1.11.3.min.js"></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">
  $(document).ready(function(){
    $("a").click(function(event){
        alert("Redirecting  you to RoseIndia.net");
         });
  });
  </script>

Here is the complete code of the html page:

  <html> 
  <head>
  <script type="text/javascript" src="jquery-1.11.3.js">
  </script>
     <script type="text/javascript">
        $(document).ready(function(){
          $("a").click(function(event){
            alert("Redirecting you to RoseIndia.net");
         });
      });
       </script>
     </head>
  <body>
     <a href="http://www.roseindia.net">Visit RoseIndia.Net website!</a>
  </body>
</html>

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

Ads