如何选择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中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
jQuery实现图片切换效果
Oct 19 jQuery
jQuery实现穿梭框效果
Jan 19 jQuery
jQuery实现影院选座订座效果
Apr 13 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网站建设的流程与步骤分享
2015/09/25 PHP
PHP类的特性实例分析
2016/09/28 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
一个JavaScript用逗号分割字符串实例
2014/09/22 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
Python实现简单文本字符串处理的方法
2018/01/22 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
全球最大的服务市场:Fiverr
2017/01/03 全球购物
2014年度培训工作总结
2014/11/27 职场文书
遗嘱格式范本
2015/08/07 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书