如何选择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遍历节点方法汇总(推荐)
May 13 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jQuery实现图片切换效果
Oct 19 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 session机制
2011/07/17 PHP
php 生成短网址原理及代码
2014/01/23 PHP
重新认识php array_merge函数
2014/08/31 PHP
优化WordPress的Google字体以加速国内服务器上的运行
2015/11/24 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
python生成式的send()方法(详解)
2017/05/08 Python
使用python turtle画高达
2020/01/19 Python
python 项目目录结构设置
2020/02/14 Python
python实现猜单词游戏
2020/05/22 Python
大学生期末自我鉴定
2014/02/01 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android
基于Python实现将列表数据生成折线图
2022/03/23 Python