jQuery 安装
使用 jQuery 之前，必须先把它"引"进网页。jQuery 只是一个 JavaScript 文件，安装方式分为两种：CDN 在线引入 与 下载到本地。本教程均以 jQuery 3.7.1 为例。
方式一：通过 CDN 引入（推荐）
CDN（内容分发网络）会把 jQuery 文件缓存在全球各地的服务器上，用户访问时自动就近下载，速度快、还省去自己维护文件的麻烦。把下面的 <script> 标签放进网页的 <head> 中即可：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>CDN 引入 jQuery</title>
<!-- 引入 jQuery（https://example.com 为占位地址，实际使用时请替换为真实 CDN 或本地文件） -->
<script src="https://example.com/jquery.min.js"></script>
</head>
<body>
<p>jQuery 已就绪</p>
</body>
</html>
方式二：下载到本地
如果不希望依赖外网，可以下载文件后放在自己的项目里：
- 打开 jQuery 官网的下载页面（Download），选择 Download the compressed, production jQuery。
- 把下载得到的
jquery-3.7.1.min.js放进项目的js目录。 - 在网页中通过相对路径引入（本地引入无需联网即可运行）：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- 引入项目本地的 jQuery 文件 -->
<script src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
<p>本地 jQuery 已就绪</p>
</body>
</html>
生产版还是开发版？
官网提供两个版本：
- jquery.min.js（压缩版/生产版）：去掉了空格和注释，文件更小、加载更快，正式上线时使用。
- jquery.js（未压缩版/开发版）：保留完整格式与注释，方便阅读源码和调试，开发阶段使用。
验证是否引入成功
引入后可以立刻检查：如果 jQuery 变量存在，说明加载成功，否则多半是路径写错或网络不通：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- 引入 jQuery（https://example.com 为占位地址，实际使用时请替换为真实 CDN 或本地文件） -->
<script src="https://example.com/jquery.min.js"></script>
<script>
// 输出：jQuery 3.7.1 加载成功！ （在浏览器控制台查看）
console.log('jQuery ' + jQuery.fn.jquery + ' 加载成功！');
</script>
</head>
<body>
<p>按 F12 打开控制台查看输出</p>
</body>
</html>
小结
两种安装方式任选其一：联网环境推荐 CDN 引入，离线环境则下载到本地。引入成功后，就可以在页面里使用 jQuery 语法编写交互了。