jQuery引入地址
在使用jQuery之前，我们首先需要将jQuery库引入到我们的项目中。通过引入jQuery库，我们可以使用该库提供的丰富的功能和方法来简化我们的JavaScript开发工作。
引入jQuery库
我们可以通过以下两种方式来引入jQuery库：
-
从CDN引入
jQuery官方提供了一个CDN地址，我们可以直接在HTML文件中引入该地址来获取最新版本的jQuery库。以下是引入jQuery库的HTML标签：
<script src="这个标签需要放在
<head>或<body>标签中的任意位置，通常放在<head>标签中。通过这种方式引入的jQuery库，可以保证我们使用的是最新版本的jQuery，并且可以从CDN上快速加载，提高网页的性能。
-
下载本地引入
如果我们希望将jQuery库下载到本地，然后引入到项目中，我们可以从[jQuery官网](
<script src="path/to/jquery.min.js"></script>其中，
path/to/jquery.min.js表示jquery.min.js文件的路径。
使用jQuery库
一旦我们将jQuery库引入到项目中，就可以开始使用它提供的功能了。
以下是一个使用jQuery的示例代码：
$(document).ready(function() {
// 在文档加载完成后执行以下代码
// 通过选择器选中页面中的所有<p>元素，并隐藏它们
$("p").hide();
// 当按钮被点击时，显示被选中的<p>元素
$("button").click(function() {
$("p").show();
});
});
上面的代码首先通过$(document).ready()函数指定了一个在文档加载完成后执行的代码块。在代码块中，我们使用了jQuery的选择器来选中页面中的所有<p>元素，并通过.hide()方法将它们隐藏起来。然后，在按钮被点击的时候，通过.show()方法将被选中的<p>元素显示出来。
通过以上示例，我们可以看到使用jQuery库可以极大地简化我们的开发工作。通过选择器和内置的方法，我们可以轻松地操作DOM元素、处理事件等。
序列图
以下是一个使用jQuery的序列图示例：
sequenceDiagram
participant User
participant Browser
participant CDN
User->>Browser: 打开网页
Browser->>CDN: 请求jQuery库
CDN-->>Browser: 返回jQuery库
Browser->>Browser: 加载jQuery库
Browser->>Browser: 执行用户代码
Browser->>Browser: 执行$(document).ready()回调函数
Browser->>Browser: 选中所有<p>元素并隐藏
User->>Browser: 点击按钮
Browser->>Browser: 执行按钮点击事件处理函数
Browser->>Browser: 显示所有<p>元素
上面的序列图展示了使用CDN引入jQuery库的过程，以及执行用户代码的流程。用户在打开网页时，浏览器会请求CDN上的jQuery库，并将其加载到浏览器中。然后，浏览器执行用户代码，其中包括选中和隐藏<p>元素的操作。最后，当用户点击按钮时，浏览器执行按钮点击事件处理函数，显示<p>元素。
总结
通过引入jQuery库，我们可以简化JavaScript开发，并提供丰富的功能和方法来操作DOM元素、处理事件等。我们可以通过CDN引入最新版本的jQuery库，也可以将其下载到本地引入。在使用jQuery库时，我们可以通过选择器选中元素，并通过内置的方法来操作元素。通过以上的示例和序列图，我们希望能帮助你理解和使用jQuery库。
