如何选择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 表单序列化实例代码
Jun 11 jQuery
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
使用jQuery实现购物车结算功能
Aug 15 jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
jQuery实时统计输入框字数及限制
Jun 24 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 删除无限级目录与文件代码共享
2008/11/22 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
php格式文件打开的四种方法
2018/02/24 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
js继承的实现代码
2010/08/05 Javascript
两个Javascript小tip资料
2010/11/23 Javascript
javascript数字时钟示例分享
2014/04/23 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
jQuery Mobile操作HTML5的常用函数总结
2016/05/17 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
js将键值对字符串转为json字符串的方法
2018/03/30 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
Python Socket编程详细介绍
2017/03/23 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python paramiko模块使用解析(实现ssh)
2019/08/30 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
门诊挂号室室长岗位职责
2013/11/27 职场文书
暑期研修感言
2014/02/17 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
欠条范文
2015/07/03 职场文书
文艺节目主持词
2015/07/06 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
小学英语听课心得体会
2016/01/14 职场文书
在项目中使用redis做缓存的一些思路
2021/09/14 Redis
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js