jQuery Installation

Last Updated Jul 21, 2015, 12:00:06 PM

How to install jQuery?

Before using jQuery in your application, you have to install the jQuery official library in your application. Follow the below steps to install it locally.

Download the jQuery library from jQuery website and host it in your application

There are two versions available, choose which one to use based on your requirements.

Production Version - This is for your live website because it was minified and compressed.

Development Version - This is for testing and development (uncompressed and readable code) Both versions can be downloaded from jQuery Official website.

If you want to download the jQuery API, you have to place it on a web server. Once it is done, your webpages will start using jQuery

Note: The <script> tag should be inside the <head> section.

How to include jQuery in the HTML file?

Try It now

jQuery CDN :

Referencing jQuery at Google CDN and jQuery CDN:

If you don't want to download and but you still want use it from the third party providers then you can use it via CDN networks. It easiest way to include jQuery from a CDN (Content Delivery Network) is just use their CDN link on your web page. Both Google and Microsoft has CDN to host them onto web pages.

What is Content Delivery Network? - Wikipedia

To use jQuery from Google or Microsoft, use one of the following:

Google CDN:

Microsoft CDN:

Minimized vs. Full jQuery Versions

jQuery provides two different versions to use in web pages. They are called minified version and full version. Technically, there is no difference in functionality however the file size is different.

The jQuery full version contains the code that can be easily readable by the users. The code can be readable and debugging is very easy. It is always a good not use this version because the file size would be more and loading the libraries becomes very difficult in terms of performance

The jQuery minified version contains the code that can not be easily readable by the users. Debugging this minified code is technically hard. But the goodnews about this version is, the file size is very tiny. It makes the performance very smooth.

What is the difference between Minified and Full version of jQuery? - StackOverflow

Sources and Credits

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM