引言
jQuery 是一个快速、小型且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。对于新手来说，学会如何正确引用 jQuery 是开始使用这个库的第一步。下面，我将带你轻松三步，快速掌握如何引用 jQuery。
第一步：下载 jQuery 库
首先，你需要从 jQuery 官方网站（https://jquery.com/）下载 jQuery 库。jQuery 提供了多种下载选项，包括压缩版和非压缩版。对于新手来说，建议下载非压缩版，因为它包含了所有注释，有助于理解代码。
下载完成后，将 jQuery 库文件（通常是 jquery.min.js 或 jquery.js）保存到你的项目目录中。
第二步：在 HTML 文件中引用 jQuery
接下来，你需要在 HTML 文件中引用 jQuery 库。这可以通过以下两种方式实现：
方式一：使用 CDN（内容分发网络）
CDN 提供了快速、可靠的 jQuery 库版本。以下是如何在 HTML 文件中使用 CDN 引用 jQuery 的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 引用示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>Hello, jQuery!</h1>
</body>
</html>
方式二：使用本地文件
如果你选择使用本地文件，只需将下载的 jQuery 库文件链接到 HTML 文件中。以下是如何在 HTML 文件中引用本地 jQuery 库的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 引用示例</title>
<script src="path/to/jquery.min.js"></script>
</head>
<body>
<h1>Hello, jQuery!</h1>
</body>
</html>
确保将 path/to/jquery.min.js 替换为你的 jQuery 库文件的实际路径。
第三步：验证引用是否成功
在完成上述步骤后，打开 HTML 文件，你应该能看到页面中显示的 “Hello, jQuery!” 文本。这表明 jQuery 已经成功引用到你的页面中。
总结
通过以上三个步骤，你现在已经学会了如何快速引用 jQuery。接下来，你可以开始学习如何使用 jQuery 来简化你的 JavaScript 开发了。记住，实践是学习的关键，多尝试、多练习，你将更快地掌握 jQuery。