使用 jQuery.js 引用
![jQuery Logo](
引言
在前端开发中，JavaScript 是一门非常重要的编程语言，用于控制网页的行为。然而，原生的 JavaScript 在处理复杂的 DOM 操作时往往显得冗长和繁琐。为了简化 JavaScript 的编写过程，jQuery 库应运而生。
jQuery 是一个快速、简洁的 JavaScript 库，它封装了原生 JavaScript 的许多常用特性，提供了一套简单易用的 API，使开发者能够更加高效地操作 HTML 文档、处理事件、执行动画等。本文将重点介绍如何使用 jQuery.js 引用，并提供一些常用的示例代码。
引用方式
引用 jQuery.js 最简单的方式就是通过在 HTML 文件中插入 <script> 标签，并指定 jQuery.js 文件的路径。以下是一个简单的示例：
<script src="
在这个示例中，我们使用了 [官方提供的 CDN]( 地址来引入 jQuery.js。这样做的好处是，无需下载和存储 jQuery.js 文件，而是直接从网络加载，提高了页面加载速度。
另外，你也可以将 jQuery.js 文件下载到本地，并通过相对路径引用。例如：
<script src="js/jquery-3.6.0.min.js"></script>
需要注意的是，在引入 jQuery.js 之前，务必将其它的 JavaScript 文件放在其后，以避免因依赖关系而导致的错误。
基本用法
一旦引入了 jQuery.js，你就可以在代码中使用 $ 符号来访问 jQuery 对象。以下是一个简单的示例，演示了如何在 HTML 页面加载完成后执行一段 jQuery 代码：
$(document).ready(function() {
// 这里是你的代码
});
上述代码通过 $(document).ready() 方法来监听页面的加载完成事件。一旦页面加载完成，指定的回调函数就会被调用，从而执行相应的代码。
接下来，让我们来看一些常用的 jQuery 示例：
选择器
jQuery 提供了强大的选择器，可以通过选择器来选取需要操作的 HTML 元素。例如，通过类选择器选取所有 button 元素，然后为它们添加点击事件监听器：
$("button").click(function() {
alert("按钮被点击了！");
});
上述代码中的 $ 符号表示选取符号，"button" 表示选择所有 button 元素，并为它们添加了点击事件的监听器。当按钮被点击时，弹出一个提示框。
DOM 操作
jQuery 提供了丰富的 DOM 操作方法，可以方便地修改 HTML 文档的结构和内容。例如，选择一个具有 id 为 myDiv 的 div 元素，并将其隐藏起来：
$("#myDiv").hide();
上述代码中的 $("#myDiv") 表示选择具有 id 为 myDiv 的元素，.hide() 则表示隐藏该元素。
动画效果
jQuery 还提供了各种动画效果，可以用于制作交互性更强的网页。例如，选择一个具有 id 为 myDiv 的 div 元素，并在 300 毫秒内淡入显示：
$("#myDiv").fadeIn(300);
上述代码中的 $("#myDiv") 表示选择具有 id 为 myDiv 的元素，.fadeIn(300) 表示以 300 毫秒的时长淡入显示该元素。
以上只是 jQuery 提供的一小部分功能示例，你可以通过查阅 [官方文档]( 来了解更多细节。
总结
本文介绍了如何使用 jQuery.js 引用，并提供了一些常用的示例代码。通过引入 jQuery.js，你可以简化 JavaScript 的编写过程，
