可以通过多种方法在网页中添加 jQuery

1. 从 jquery.com 下载 jQuery 库

2. 从 CDN 中载入 jQuery 如从 https://staticfile.org 中 加载 jQuery

3. 使用 NPM 命令安装

下载 jQuery ( 推荐 )

有两个版本的 jQuery 可供下载

1. Production version - 用于实际的网站中，已被精简和压缩。
2. Development version - 用于测试和开发（未压缩，是可读的代码）

以上两个版本都可以从 jquery.com 中下载

jQuery 库是一个 JavaScript 文件

我们可以使用 HTML 的 <script> 标签引用它

<script src="jquery-2.2.4.min.js"></script>

将下载的文件放在网页的同一目录下，就可以使用 jQuery

为什么我们没有在 <script> 标签中使用 type="text/javascript" ？

在 HTML5 中，不必那样做了

JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言

使用 CDN

目前国内的 CDN 更新都不太及时，除了 staticfile.org 等少数几个还可以，所以我们推荐你下载到自己的网站上

如果不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它

百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery

如果你的网站面向国内用户，建议使用 staticfile.org 和百度等国内 CDN 地址

如果你的网站面向海外用户，那么可以使用谷歌和微软

staticfile.org

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js">
</script>

运行范例 »

百度 CDN

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>

百度虽然好，但更新太慢了，目前 2.X 系列的最新版才到 2.1.4

运行范例 »

Google CDN

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
</script>

运行范例 »

不推荐使用 Google CDN 来获取版本，因为 Google 产品在中国很不稳定

Microsoft CDN:

<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>

运行范例 »

使用百度、又拍云、新浪、谷歌或微软的 jQuery，有一个很大的优势：

许多用户在访问其它站点时，已经从百度、新浪、谷歌或微软加载过 jQuery

所有结果是，当它们访问我们的站点时，会从缓存中加载 jQuery，这样可以减少加载时间

同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度