如何选择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.ajax向后台传递数组问题的解决方法
May 12 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
jQuery 移除事件的方法
Jun 20 jQuery
jquery实现抽奖功能
Oct 22 jQuery
如何在vue 中引入使用jquery
Nov 10 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
JS实现单击输入框弹出选择框效果完整实例
2015/12/14 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python fileinput模块使用实例
2015/05/28 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
python如何实现数据的线性拟合
2019/07/19 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
美国糖果店:Sugarfina
2019/02/21 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
西班牙购买行李箱和背包网站:Maletas Greenwich
2019/10/08 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
冰淇淋店创业计划书范文
2013/12/27 职场文书
教师一帮一活动总结
2014/07/08 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL