jquery各版本的区别是什么?

3,441 阅读2分钟

目前jQuery有三个版本,分别为1.x版、2.x版、3.x版,那么它们之间有什么区别?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

https://img.html.cn/upload/article/000/000/006/5e40d65f733b2212.jpg

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官网上可以下载想要使用的版本。每个版本对应compressed(压缩)和uncompressed(未压缩)两个版本。

替代方案

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

  1. Google CDN

详情见:developers.google.com/speed/libra…

精简版的引用格式:

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

原版的引用格式:

<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 系列中最新的可用版本。目前可用版本:

https://img.html.cn/upload/image/464/920/538/1581307297954572.png

  1. 微软CDN

    docs.microsoft.com/en-us/aspne…

  2. CDNJS CDN

    cdnjs.com/libraries/j…

  3. jsDelivr CDN

    www.jsdelivr.com/package/npm…

使用CDN的好处

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