HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

How to add jQuery to Html

Following are the two different ways for adding the jQuery to Html page:

Download and Include jQuery file
Include the jQuery by CDN.

Download and Include jQuery File

If we want to add the jQuery to Html page by downloading the jQuery file, then we have to follow the steps which are given below. Using these steps, any user can easily add the jQuery.

Step 1: Firstly, we have to download the jquery js file from the following official site of jQuery. https://jquery.com/download/

Step 2: When we have downloaded the file, then we have to open that Html file in which we want to add the jquery.

     <!Doctype Html>
<Html>   
<Head>  
<Title>   
Add the jQuery file into Html by downloading and Including file
</Title>
</Head>
<Body> 
Hello User!... <br> <center>
<img src="https://www.w3cschoool.com/images/logo/jtp_logo.png" width="100" height="100" > </center>
</Body> 
</Html>

    

Step 3: After then, we have to place the cursor between the head tag just before the title tag. And, then we have to use the Add the jQuery file into Html by downloading and Including file Hello User!...

Step 4: And, at last, save the Html file and the jQuery file is successfully added into our Html page.

Include the jQuery by CDN

If we want to add the jQuery to Html page by the help of CDN, then we have to follow the steps which are given below. Using these steps, any user can easily add the jQuery.

Step 1: Firstly, we have to open that Html file in which we want to add the jQuery using CDN.

     <!Doctype Html>
<Html>   
<Head>  
<Title>   
Add the jQuery file into Html by including CDN
</Title>
</Head>
<Body> 
Hello User!... <br> <center>
<img src="https://www.w3cschoool.com/images/logo/jtp_logo.png" width="100" height="100" > </center>
</Body> 
</Html>

    

Step 2: After then, we have to place the cursor between the head tag just before the title tag. And, then we have to use the Add the jQuery file into Html by including CDN Hello User!...

Step 3: And then, we have to type the following path in the src attribute.

Step 4: And, at last, save the Html file and the jQuery file is successfully added into our Html page.

     <!Doctype Html>
<Html>   
<Head>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<Title>   
Add the jQuery file into Html by including CDN
</Title>
</Head>
<Body> 
Hello User!... <br> <center>
<img src="https://www.w3cschoool.com/images/logo/jtp_logo.png" width="100" height="100" > </center>
</Body> 
</Html>

    

Next TopicHow to Move Image in Html

← prev next →