jQuery如何引用页面
jQuery是一个快速、小巧、功能丰富的JavaScript库，提供了简化HTML文档遍历、事件处理、动画效果和AJAX交互的功能。在使用jQuery之前，需要先将jQuery库引入到网页中。
方法一：通过CDN引入jQuery
CDN（内容分发网络）是一种通过将资源分布到多个地理位置的网络节点，使用户能够更快地获取资源的技术。通过使用CDN来引入jQuery库，可以提高网页加载速度并减轻服务器负载。
在HTML文件的<head>标签中，通过添加以下代码来引入最新版本的jQuery库：
<script src="
这将从CDN中加载jQuery库，并使其在页面中可用。
方法二：本地引入jQuery
如果项目中需要使用特定版本的jQuery库，或者无法使用CDN，可以将jQuery库下载到本地，并在HTML文件中引用。
首先，访问[jQuery官方网站](
在HTML文件的<head>标签中，通过添加以下代码来引入本地的jQuery库：
<script src="path/to/jquery.min.js"></script>
将path/to替换为实际的jQuery文件路径。确保路径是正确的，否则浏览器将无法找到并加载jQuery库。
示例：使用jQuery修改页面内容
一种常见的使用jQuery的场景是通过操作DOM元素来修改页面内容。
假设我们有一个HTML页面，其中有一个按钮和一个段落。当用户点击按钮时，我们希望通过使用jQuery来修改段落的文本。
首先，在HTML文件中添加按钮和段落：
<button id="btn">点击我</button>
<p id="paragraph">这是一个段落。</p>
然后，在<head>标签中引入jQuery库：
<script src="
接下来，在<script>标签中编写jQuery代码来监听按钮点击事件，并修改段落的文本：
<script>
$(document).ready(function() {
$("#btn").click(function() {
$("#paragraph").text("段落的文本已经被修改。");
});
});
</script>
上述代码中，$(document).ready()函数用于确保文档加载完毕后才执行jQuery代码。$("#btn")选择器选择了具有id为"btn"的按钮元素。.click()方法用于监听按钮的点击事件。当按钮被点击时，$("#paragraph").text("段落的文本已经被修改。")会将段落的文本修改为指定的内容。
保存并刷新HTML页面后，当用户点击按钮时，段落的文本将被修改为"段落的文本已经被修改。"。
通过上述示例，我们可以看到使用jQuery修改页面内容非常简洁且易于理解。同时，通过引入jQuery库，我们可以使用其丰富的功能来操作DOM元素、处理事件等。
总结起来，通过CDN引入jQuery是一种常见的方式，可以快速且方便地使用最新版本的jQuery库。如果需要使用特定版本的jQuery，或者无法使用CDN，可以通过本地引入的方式来获取jQuery库。无论是哪种方式，都可以轻松地使用jQuery来操作和修改页面内容。
