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

精简版的引用格式:

<span style="color:#37474f"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></span>

原版的引用格式:

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

如上面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>

目前可用版本:

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 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

jQuery的版本比较及使用

相关推荐