📅 最后修改于: 2023-12-03 15:09:06.048000 🧑 作者: Mango
当今的 Web 开发中，jQuery 是最受欢迎的 JavaScript 库之一。它简化了许多常见的 JavaScript 任务，如操作 HTML 文档、处理事件、创建动态效果等。如果您正在开发 HTML/CSS 和 JavaScript 项目，那么添加 jQuery 很可能是个好主意。在本教程中，我们将介绍将 jQuery 添加到您的项目中的方法。
首先，您需要从 jQuery 官网下载最新版本的 jQuery。您可以使用以下链接快速访问官方下载页面：
在该页面中，您可以选择下载版本，包括稳定版本和开发版本。选择一个版本后，您可以下载 jQuery 的 jQuery.js 文件，通常情况下您需要下载两个版本：一个压缩版本（.min.js），用于生产环境；一个未压缩版本（.js），用于开发环境。将这两个文件存储在您的项目文件夹中，以备将来使用。
一旦您下载了 jQuery，下一步是在 HTML 文件中引用它。在您需要使用 jQuery 的 HTML 文件中，使用以下代码将 jquery.js 文件引入：
<script src="path/to/jquery.js"></script>
确保将 path/to/jquery.js 替换为您实际存储 jQuery 文件的路径。如果您未将 jQuery 文件存储到与 HTML 文件相同的文件夹中，还应包括正确的文件路径。
将此代码插入到 <head> 元素中或在 <body> 元素的结尾处插入。
将 jQuery 引入 HTML 后，我们建议您测试是否正常工作。为此，您可以创建一个简单的 JavaScript 文件，用于执行 jQuery 命令。例如，您可以创建 scripts.js 文件，其中包含以下内容：
$(document).ready(function() {
$('h1').click(function() {
alert('Hello World!');
});
});
该脚本将在文档准备就绪时运行，并将单击每个 <h1> 元素时显示消息框。在 HTML 文件中将此文件引入：
<script src="path/to/scripts.js"></script>
确保将路径指向保存 scripts.js 文件的位置。如果一切正常，当你点击 <h1> 元素时会弹出一个消息框。
恭喜！现在您已经将 jQuery 添加到您的 HTML/CSS 和 JavaScript 项目中了。请记得在生产部署之前使用压缩版本的 jQuery，以便最大限度地减少加载时间和带宽使用。祝您享受 jQuery 带来的愉快开发体验！