如何选择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 相关文章推荐
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
基于jquery实现五星好评
Nov 18 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
jquery实现聊天机器人
Feb 08 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 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
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
python爬虫 正则表达式解析
2019/09/28 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
中学生在校期间的自我评价分享
2013/11/13 职场文书
考试没考好检讨书
2014/01/31 职场文书
老师对学生的寄语
2014/04/09 职场文书
法律专业求职信
2014/05/24 职场文书
学习退步检讨书
2014/09/28 职场文书
爱情保证书
2015/01/17 职场文书
毕业实习证明范本
2015/06/16 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python