How to add jQuery to HTML

What is jQuery?

jQuery is a lightweight, non-complex JavaScript library where you can write minimal code. The main purpose of this is to make JavaScript easier to use.

jQuery works in a similar way to many built-in JavaScript functions. As a library itself, jQuery contains several common tasks, which may take many code lines and time to write, to be enclosed in methods that the user can easily call.

The jQuery library contains the following features:

  1. HTML/DOM manipulation
  2. CSS manipulation
  3. HTML event methods
  4. Effects and animations
  5. AJAX
  6. Utilities

jQuery also contains several plugins for many tasks out there.

Many of the biggest companies on the Web use jQuery, such as:

  1. Google
  2. Microsoft
  3. IBM
  4. Netflix

Adding jQuery to HMTL

There are several ways to start using jQuery on HTML webpages, such as:

  1. A user can directly download the jQuery library from here.
  2. A user can also include jQuery from CDNs, like Google.

The jQuery library nothing but a JavaScript file that can be referenced using the <script> tag.

<script> needs to be inside the <head> column.

Rake a look at the example below:

<head>
<script src="jquery-3.5.1.min.js"></script>
</head>
Free AI Mock Interviews
Coding Interview
Coding PatternsFree Interview
Gain insights and practical experience with coding patterns through targeted MCQs and coding problems, designed to match and challenge your expertise level.
System Design
You TubeFree Interview
Learn to design a video streaming platform like YouTube by tackling functional and non-functional requirements, core components, and high-level to detailed design challenges.

Free Resources

Copyright ©2025 Educative, Inc. All rights reserved