新浪博客

jQuery的各种版本比较及使用简介

2018-10-29 08:46阅读:
jQuery的版本比较及使用

对于什么是jQuery?记住如下三句话:
n jQuery 是一个 JavaScript 库。
n jQuery 极大地简化了JavaScript 编程。
n jQuery 很容易学习。

一、jQueryPC平台版本

目前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插件不支持这个版本。目前该版本是官方主要更新维护的版本。截至2018613日,最新版本:3.3.1

随着移动端兴起,jQuery也推出了移动版的jQuery Mobile(移动端jQuery框架)。

版本
描述
1.0.1
1.1.2
1.2.1
1.3.2
1.4.5
jQuery Mobile 1.4.5 Demos



二、jQuery的安装使用

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

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

三、替代方案

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

1Google CDN
详情见:https://developers.google.com/speed/libraries/#jquery

精简版的引用格式:



原版的引用格式:

如上面CDN Google URL - URL 中规定了 jQuery 版本 (1.12.4)。如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.01.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本。目前可用版本:
3.3.1; 3.2.1; 3.2.0; 3.1.1; 3.0.0
2.2.4; 2.2.3; 2.2.2; 2.2.1; 2.2.0; 2.1.4; 2.1.3; 2.1.1; 2.1.0; 2.0.3; 2.0.2; 2.0.1; 2.0.0
1.12.4; 1.12.3; 1.12.2; 1.12.1; 1.12.0; 1.11.3; 1.11.2; 1.11.1; 1.11.0; 1.10.2; 1.10.1
1.10.0; 1.9.1; 1.9.0; 1.8.3; 1.8.2; 1.8.1; 1.8.0; 1.7.2; 1.7.1; 1.7.0; 1.6.4; 1.6.3; 1.6.2; 1.6.1
1.6.0; 1.5.2; 1.5.1; 1.5.0; 1.4.4; 1.4.3; 1.4.2; 1.4.1; 1.4.0; 1.3.2; 1.3.0; 1.2.6; 1.2.3


jQuery MObile的引用格式:




目前可用版本:
1.4.5; 1.4.4; 1.4.3; 1.4.2; 1.4.1; 1.4.0;


2、微软CDN

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

3CDNJS CDN

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

4jsDelivr CDN

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

四、使用CDN的好处


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

五、Jquery1.x,2.x,3.x之间各个版本的具体区别和特性

1.4重要新特性

·常用方法的性能大幅提升:重写了大部分较早期的函数;
·更容易使用的设置函数(setter function):为所有对象新增了许多易用的设置函数;
·对Ajax的改进:引入了许多AjaxJSON处理方面的更新,包括HTML5元素的序列化;
·attribute(改进了.attr()的性能)jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进

1.5新版本

美国时间2012131John ResigjQuery官方博客发表文章,宣布jQuery 1.5正式版已经如期开发完成,可以下载使用。压缩版本jQuery Minified29KB,不压缩版本jQuery Regular(用于阅读和调试)207KB。由于jQuery已经成为目前最流行的JavaScript库,得到广泛的支持,新版本的发布当然非常引人注目。

重要变化:
1. Ajax重写
Ajax模块完全进行了重写。新增一个jXHR对象,为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制,比如JSONP请求,jXHR对象也可以进行处理。(详情可以参见:jQuery.ajax文档)
此外,系统的可扩展性大大增强,可以附加各种数据处理器、过滤器和传输机制,为开发新的Ajax插件提供了方便。
2. 延迟对象
延迟对象(Deferred ObjectjQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。正如Using Deferreds in jQuery 1.5一文中说明的,其结果是在jQuery中能够将依赖于某个任务(事件)结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜,MochikitDojo等已经实现有些日子了。由于jQuery 1.5Ajax模块内置使用了延迟对象,因此通过jQuery编写Ajax程序将自动获得这一功能。
开发人员借此可以使用无法立即获得的返回值(如异步Ajax请求的返回结果),而且第一次能够附加多个事件处理器。
例如,使用了新的jQuery内部Ajax API就可以实现下面的代码了:
var jxhr = $.ajax({ url: 'example.php' }) .success(function() { .complete(function() { ;
此外,使用jQuery.Deferred还可以开发自己的延迟对象。更多详情参见:延迟对象文档。
3. jQuery.sub()
jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget工厂。
值得注意的是,sub函数并不提供真正

我的更多文章

下载客户端阅读体验更佳

APP专享