如何选择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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
如何基于jQuery实现五角星评分
Sep 02 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中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
Thinkphp实现自动验证和自动完成
2015/12/19 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
JS与框架页的操作代码
2010/01/17 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
Express的路由详解
2015/12/10 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
JavaScript插入排序算法原理与实现方法示例
2018/08/06 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
vue-next/runtime-core 源码阅读指南详解
2019/10/25 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
深入了解Vue3模板编译原理
2020/11/19 Vue.js
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python的time模块中的常用方法整理
2015/06/18 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
python 列表降维的实例讲解
2018/06/28 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
快速查找Python安装路径方法
2020/02/06 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
师范应届生语文教师求职信
2013/10/29 职场文书
经销商订货会主持词
2014/03/27 职场文书
小学师德师风整改措施
2014/10/27 职场文书
消防隐患整改通知书
2015/04/22 职场文书
2016公司年会主持词
2015/07/01 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python