# 一、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插件不支持这个版本。目前该版本是官方主要更新维护的版本。

随着移动端兴起,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

精简版的引用格式:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
1

原版的引用格式:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
1

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

jQuery MObile的引用格式:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
1
2

# 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

# 历史的选择

移动社交时代的到来不仅没有让桌面Web失色,反倒刺激了Web标准的迅猛改进。HTML5不仅带来了极大的向后兼容性,也带来了更丰富的原生DOM API。CSS从CSS3开始走上模块化的快车道,文本样式、排版布局、媒体查询,各种新模块让人目不暇接。

各大主流浏览器也在快速跟进,Firefox、Chrome、Opera、Safari、IE乃至Edge,都在积极重构甚至重写内核,争做支持Web标准的“楷模”。在这个大背景下,各大互联网公司不断调高兼容的IE版本号,从8到9到10,再到11。

当然,还有ECMAScript语言标准。自从划时代的ES6(ECMAScript 2015)发布之后,JavaScript终于真正开始摆脱“玩具”语言的尴尬境地。更重要的,从ES6起,ECMAScript也进入了快速迭代、每年发一版的节奏。ES7、ES8,以及ES9,每次都会给这门语言注入更强大的语言特性。

与此同时,Node.js和Babel等服务端运行时及转译工具的出现,也让前端工程化,以及向传统工业级软件开发最佳实践靠拢的速度日益加快。