jQuery的版本比较及使用

一、jQuery的版本

目前jQuery有三个版本，在jQuery官网可以查看。

（注：以下区别参考了博客）

 

版本	描述
1.x	兼容ie678，使用最为广泛的，官方只做bug维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4
2.x	不兼容ie678，很少人使用，官方只做bug维护，功能不再新增。如果不考虑兼容版本低的浏览器可以使用2.x，最终版本：2.2.4
3.x	不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。截至2018年6月13日，最新版本：3.3.1

 

随着移动端兴起，jQuery也推出了移动版的jQuery Mobile（移动端jQuery框架）。

 

二、jQuery的安装使用

在jQuery官网上可以下载想要使用的版本。每个版本对应compressed(压缩)和uncompressed(未压缩)两个版本。

 

版本	描述
compressed	精简版，去掉了格式，体积小，用于发布
uncompressed	原版，有统一的格式，体积较大，方便阅读，用于测试、学习和开发

 

 

三、替代方案

如果不想在本地下载jQuery文件，可以在CDN(内容分发网络)中引用。通过在遍布全球的服务器托管jQuery，CDN可以提供性能优势。这也提供了一个好处，如果你的网页的访问者已经从同一个CDN下载了一份jQuery的副本，那么它不需要重新下载。以下CDN中可以提供jQuery发行版的精简版和原版。

1. Google CDN

详情见：https://developers.google.com/speed/libraries/#jquery

精简版的引用格式：

原版的引用格式：

如上面CDN的 Google URL - 在 URL 中规定了 jQuery 版本 (1.12.4)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用版本。目前可用版本：

jQuery MObile的引用格式：

目前可用版本：

2. 微软CDN

https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_CDN_0

3. CDNJS CDN

https://cdnjs.com/libraries/jquery/

4. jsDelivr CDN

https://www.jsdelivr.com/package/npm/jquery

 

四、使用CDN的好处

许多用户在访问其他站点时，已经从谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。