jquery最新版,jquery下载
大家好,关于jquery最新版很多朋友都还不太明白,今天小编就来为大家分享关于jquery下载的知识,希望对各位有所帮助!
怎么选择使用jQuery版本
这次给大家带来怎么选择使用jQuery版本,选择使用jQuery版本的注意事项有哪些,下面就是实战案例,一起来看一下。
这篇文章主要给大家介绍了关于如何选择jQuery版本,是1.x? 2.x?还是3.x?在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jquery什么版本稳定等问题,下面通过这篇文章来看看详细的介绍吧。
前言
大家在选择版本的时候,一般原则是越新越好,但其实不然,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官方手册:
维护ie678是意见头疼的事情,一般我们都会额外加载一个css和js单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,电脑端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对ie678的支持。
官方关于浏览器支持的说明截图:
该如何去选择jQuery版本?
现状
就目前来说,国内IE占领的市场份额还是比较大的,直接过度到2.x是不现实的。下面是一份来自Net Market Share的数据,可以看出虽然IE浏览器的使用有所下降,但是依然占据了一半的比重。而就IE浏览器各版本来看,IE 8.0占据的市场份额相对其他版本也比较大。
各浏览器占据的市场份额
各浏览器版本占据的市场份额
jQuery 2.x适合谁?
既然jQuery 2.x不支持老旧浏览器,那么为什么要开发这个版本?
要说明的是,这个版本主要是用于目前一些比较高级的JS环境,也即是版本比较新的浏览器。这些JS和老旧IE没有多大关系,而jQuery 1.x中有大部分代码是对老旧浏览器做的兼容,这个就增加了运行的负担,影响了运行效率。
以下是官方推荐使用的情况:
推荐的JS环境
jQuery下载使用
这里给大家推荐一个可以下载jQuery各个版本的页面:
下面给大家推荐一些常用的jquery静态资源库,大家可以直接在页面中引用。
新浪cdn用的jquery:
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>百度CDN:
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>注意:如果是https的网站,可直接把http换成https,或者去掉http:。
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
H5+C3如何优化前端界面
H5的标题书写问题
H5链接的使用
jQuery的使用方法
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
如何在一个页面上让多个jQuery版本共存
如何在一个页面上让多个jQuery共存呢?比如jquery-1.5和jquery-1.11。
你可能会问,为什么需要在一个页面上让多个jQuery共存?直接引用最新版本的jQuery不行吗?
答案是,不行。因为现实生活是非常残酷的。举个栗子:
现有网站已经引用了jQuery 1.5以及相关插件。如果直接将jQuery升级到最新版,这些插件就不工作了,除非你能把这些插件全部升级,或者等各个插件的作者发布支持最新版jQuery的版本。
现在,如果我们要基于jQuery开发新的插件或者写JavaScript代码,用新版本会比较省时省力。
但旧版本又绝对不能扔掉,怎么办?
方法是通过jQuery的noConflict()来让多版本共存。
当我们导入jQuery时,jQuery仅向window这个全局空间注入两个变量:
window.$= window.jQuery={ jQuery object};
同时,jQuery内部保留旧的window.$和window.jQuery对象的引用。当我们调用:
var$jq=$.noConflict();
window.$被恢复,但window.jQuery仍是jQuery。
当我们调用:
var$jq=$.noConflict(true);
window.$和window.jQuery都被恢复了,一切看起来就像jQuery从未被导入过一样,只不过可以通过变量$jq来使用jQuery。
所以,让新旧版本共存的jQuery可以这样实现:
<script src="jquery-1.5.js"></script>
<script src="jquery-1.11.js"></script>
<script>
//现在window.$和window.jQuery是1.11版本:
console.log($().jquery);//=>'1.11.0'
var$jq= jQuery.noConflict(true);
//现在window.$和window.jQuery被恢复成1.5版本:
console.log($().jquery);//=>'1.5.0'
//可以通过$jq访问1.11版本的jQuery了
</script>
<script src="myscript.js"></script>
在myscript.js中,用$jq就可以访问1.11版本的jQuery了。
至此,问题解决。
但是,引入两个版本的jQuery后,页面被搞得乱七八糟。如果有人看不懂代码,把var$jq= jQuery.noConflict(true);删掉了怎么办?或者,把导入jQuery的两行互换了位置,最后就得不到正确的jQuery版本。
最好的办法是不改动页面,直接引用我们编写的新的js文件:
<script src="jquery-1.5.js"></script>
<script src="myscript.js"></script>
这样一来,我们就在myscript.js内部引用最新版jQuery,而页面无论有没有jQuery,有哪个版本的jQuery,我们都不关心。
开始编写新的更好的解决方案。首先,把myscript.js的主体确定下来:
// myscript.js
(function(){
// BEGIN
// TODO: javascript code here...
// END
})();
用匿名函数是个好习惯,不污染全局变量,同时杜绝外部代码访问。
下一步是直接把jQuery 1.11的代码嵌进去:
// myscript.js
(function(){
// BEGIN
/*! jQuery v1.11.1*/
!function(a,b){"object"==typeof module&&"object"==typeof module.exports?...
if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=...
},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(thi...
var$= jQuery.noConflict(true);
// TODO: javascript code here...
// END
})();
嵌入的当然是压缩后的代码,一共3行,然后加一句:
var$= jQuery.noConflict(true);
注意到$是一个局部变量,在后面的代码中,可以随时引用这个$,跟页面上其他版本的jQuery全局变量$不是一个对象。
最后一步工作就是检查jQuery的协议是否允许我们把jQuery源码直接嵌入我们自己的JavaScript代码。
好了,关于jquery最新版和jquery下载的问题到这里结束啦,希望可以解决您的问题哈!