如何选择jQuery版本 1.x? 2.x? 3.x?


Posted in jQuery onApril 01, 2017

前言

大家在选择版本的时候,一般原则是越新越好,但其实不然,jQuery版本是在不断进步和发展的,最新版是当时最高技术水平,也是最先进的技术理念。如何选择jQuery版本是个值得思考的问题,下面来看看详细的介绍吧。

目前jQuery有三个大版本:

1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)

2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)

3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。

1.X大版本下,细分版本非常多,各个版本的函数都会有一定的差异。网上看到的很多教程大多是1.x版本的。

jquery官方手册:http://api.jquery.com/

维护ie678是意见头疼的事情,一般我们都会额外加载一个css和js单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,电脑端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对ie678的支持。

官方关于浏览器支持的说明截图:

如何选择jQuery版本 1.x? 2.x? 3.x?

该如何去选择jQuery版本?

现状

就目前来说,国内IE占领的市场份额还是比较大的,直接过度到2.x是不现实的。下面是一份来自Net Market Share的数据,可以看出虽然IE浏览器的使用有所下降,但是依然占据了一半的比重。而就IE浏览器各版本来看,IE 8.0占据的市场份额相对其他版本也比较大。

如何选择jQuery版本 1.x? 2.x? 3.x?
各浏览器占据的市场份额

如何选择jQuery版本 1.x? 2.x? 3.x?
各浏览器版本占据的市场份额

jQuery 2.x适合谁?

既然jQuery 2.x不支持老旧浏览器,那么为什么要开发这个版本?

要说明的是,这个版本主要是用于目前一些比较高级的JS环境,也即是版本比较新的浏览器。这些JS和老旧IE没有多大关系,而jQuery 1.x中有大部分代码是对老旧浏览器做的兼容,这个就增加了运行的负担,影响了运行效率。

以下是官方推荐使用的情况:

如何选择jQuery版本 1.x? 2.x? 3.x?

推荐的JS环境

jQuery下载使用

这里给大家推荐一个可以下载jQuery各个版本的页面:https://3water.com/zt/jquerydown.htm

下面给大家推荐一些常用的jquery静态资源库,大家可以直接在页面中引用。

新浪cdn用的jquery:

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.12.4/jquery-1.12.4.min.js"></script>

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/2.2.4/jquery-2.2.4.min.js"></script>

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js"></script>

百度CDN:

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>

注意:如果是https的网站,可直接把http换成https,或者去掉http:。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

jQuery 相关文章推荐
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
jquery向后台提交数组的代码分析
Feb 20 jQuery
jQuery UI Grid 模态框中的表格实例代码
Apr 01 #jQuery
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 #jQuery
jQuery实现Select下拉列表进行状态选择功能
Mar 30 #jQuery
基于jquery实现二级联动效果
Mar 30 #jQuery
jquery中关于bind()方法的使用技巧分享
Mar 30 #jQuery
如何编写jquery插件
Mar 29 #jQuery
jQuery日程管理控件glDatePicker用法详解
Mar 29 #jQuery
You might like
php使用cookie保存登录用户名的方法
2015/01/26 PHP
php查找字符串中第一个非0的位置截取
2017/02/27 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
js闭包实例汇总
2014/11/09 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
Three.js学习之网格
2016/08/10 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
谈谈Python中的while循环语句
2019/03/10 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
python__new__内置静态方法使用解析
2020/01/07 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
《圆明园的毁灭》教学反思
2014/02/28 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
公司内部升职自荐信
2015/03/27 职场文书
2015年酒店工作总结
2015/04/28 职场文书