Login

Username:

Password: 

Join us Now |  Forgot Password? | Forgot UserName?

jQuery

Learn step by step



What is jQuery?

jQuery is a JavaScript based library that makes using javascript much easier for your web based applications. JQuery is fast, easy to use, small in size and provides lot of features.

Its aim is to write less do more.

jQuery is platform independent, i.e. supported by many popular browsers like Chrome, Firefox, Internet Explorer, Safari and others.

jQuery makes it simple like HTML document transversal and manipulation, handling events, animations for your applications and Asynchronous JavaScript and XML (AJAX) operations with an easy to use API.

There are many other JavaScript frameworks out there like Dojo, Ext JS etc. however jQuery is the most widely used and popular JavaScript framework.

What You Should Already Know

Having understanding of HTML, CSS, Javascript will make it quite easy to learn jQuery.

Install/Set up jQuery

Installing or setting up jQuery to enable you working in your web applications is quite simple. It does not require any compilation.

You just have to place or refer library file of jQuery in your HTML files to work with it. Below shown how you can do it:

Download jQuery library

You can download jQuery library from here. It is recommended to download uncompressed file for development machine and compressed file for production (where your site is hosted).

After downloading and placing uncompressed file to your development machine, place it to same directory where you code files are placed. Then after you can use below given code to include jQuery library in your HTML file:

<head>
<title>jQuery Library</title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
</head>
Refer from CDN network

CDNs (Content Delivery Networks) offers to include jQuery in your documents. You simply have to give URL of one of available jQuery library from.

jQuery CDN

http://code.jquery.com/jquery-1.10.1.min.js

http://code.jquery.com/jquery-migrate-1.2.1.min.js

Google CDN

http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

Microsoft CDN
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js

One of the main benefit of using CDN is, if another website is using CDN and loaded by browser, Your web site will use pre-loaded library from cache.



Related Videos