Installation of jQuery - CodingTuting


How to Install and use jQuery ?


jQuery installation
jQuery Installation CodingTuting. Image by aji argo putro from Pixabay

There are two ways to use jQuery on our website
  1. We can download the jQuery Library from jQuery.com
  2. Add jQuery CDN (Content Delivery Network) on your website.

1. Download the jQuery Library

There are two kinds of copies are available for downloading.
  1. Compressed/Production Copy: This copy is used for the live website. It is compressed and saves bandwidth. It gives a good performance.
  2. Uncompressed/Development Copy: This copy is used for development or debugging/testing.

Download both copies from here Download jQuery

Add jQuery on your website after download

The best of adding the jQuery is to place it before the closing </body> Tag.
<html>
    <head>
        <title> jQuery Tutorial - CodingTuting </title>
    </head>

    <body>
        <script src="folder_path/jquery-3.3.1.min.js"></script>
    </body>
</html>


2. Use jQuery CDN

We can add jQuery without downloading it, by using CDN (Content Delivery Network).
We can get jQuery CDN from either Google or Microsoft.

CDN (Content Delivery Network): It is a distribution network. The goel of this network is to provide the content or data to the user based on the geographic location. The speed of this network is faster than the user's own server.


Google's CDN version 3.3.1

Add Google CDN before the closing </body> Tag.
<html>
    <head>
        <title> jQuery Tutorial - CodingTuting </title>
    </head>

    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </body>
</html>



Microsoft CDN version 3.3.1

Add Microsoft CDN before the closing </body> Tag.
<html>
    <head>
        <title> jQuery Tutorial - CodingTuting </title>
    </head>

    <body>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    </body>
</html>


You can download more versions of CDN from this Microsoft Link



Hi, I'm Jignesh Panchal. I'm a Web Developer & Designer. I've started this blog to help the programmers using my experience and skills. You will get solutions and tips about Programming, Web Development etc.

Share this

Related Posts