Download and Local Setup of jQuery
1. Download jQuery
- Visit the official jQuery website: jquery.com/download
- Choose the latest version – either:
- Compressed (minified):
jquery-3.x.x.min.js– for production - Uncompressed:
jquery-3.x.x.js– for development and debugging
- Compressed (minified):
- Click to download and save the file into your project directory (e.g.,
js/folder)
2. Suggested Folder Structure
my-project/
├── index.html
└── js/
└── jquery-3.7.1.min.jsThis keeps your jQuery file organized in a js folder.
3. Linking jQuery Locally in HTML
Add the following <script> tag before the closing </body> tag in your HTML file:
<script src="js/jquery-3.7.1.min.js"></script>
4. Example: Full HTML File with Local jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Local Setup</title>
</head>
<body>
<button id="btn">Click Me</button>
<script src="js/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
$("#btn").click(function() {
alert("Button Clicked!");
});
});
</script>
</body>
</html>
5. Advantages of Local Setup
- Works offline without internet
- No dependency on external servers
- Full control over versioning
- Safer for private intranet or offline apps
