处理不同jQuery版本的兼容性问题

众所周知,jquery版本很多,而且有些版本的冲突也非常明显,有一些网上流传的很实用的插件是用A版本写的,但是要实现另各功能又必須用B版本。所以实现版本之間的和平相处很重要。

1.这里介绍一个函数,可以很顺利,很简单的解決这个问题。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var j = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
$("document").ready(function(){
alert("faf");
})
j("document").ready(function(){
alert("faf");
})
</script>

运行这个函数把$的使用权让渡給另一个jquery库,这样就能避免不同jquery版本之間的$对象之间的冲突。

在运行这个函数之后,就只能用j访问第一个jquery库。例如,在要用到$("div p")的地方,就必须换成j("div p")。另一个jquery库,正常使用$访问。

注意:这个函数必须在导入jQuery文件之后,并且在导入另一个人jquery库之前运行。若改的是某个引用插件的jquery引用对象,则该插件内部的jquery对象引用都必须修改成一致的。

2.使用    jQuery Migrate来还原某jquery版本中被删除或更改的功能来解决版本冲突问题。

时间: 2024-08-06 11:37:43

处理不同jQuery版本的兼容性问题的相关文章

jquery版本间兼容性:checkbox选中状态

最近在学习Jquery,发现attr不太好用,从网上搜了下终于知道其原因,记下备查. 以下为以为网友在js贴吧的内容: 以<input type="checkbox" id="all"/>为例子取值的例子$("#all").attr("checked")在1.6前(含1.6),返回值是boolean类型的true或false:在1.6后,返回值是"checked"或undefined. 再来看赋

Atitit.jquery 版本新特性attilax总结

Atitit.jquery 版本新特性attilax总结 1. Jq1.4 1 2. 1.5 1 3. 1.6 3 4. Jq1.7 3 ⒉提升了事件委派时的性能有了大幅度的提升,尤其是在ie7下: 4 ⒊更好的在 ie 6/7/8 上支持 html5: 4 ⒋切换动画更加直观: 4 ⒌匿名模块定义 awd 4 ⒍jQuery.Deferred 4 ⒎jQuery.isNumeric() 4 5. Jq1.8 5 5.1. jQuery 1.8 5 5.1.1. 可定制 5 5.1.2. 自动生

jQuery版本对checkbox影响

Checkbox在不同版本的jQuery下面有不同的表现 http://office.oa.com/applyfill.aspx?flowid=65 http://ao.oa.com/flow/applyfill.aspx?flowid=151 http://www.zhihu.com/settings/account 所以以后开发要注意jQuery版本  同时改用兼容性好的方法 .prop("checked", true);   选择 .prop("checked"

HTML5 + AJAX ( jQuery版本 ) 文件上传带进度条

页面技术:HTML5 + AJAX ( jQuery) 后台技术:Servlet 3.0 jQuery版本:1.9.1 后台Servlet代码这里就省略了,使用的是 AJAX请求遭遇未登录和Session失效的解决方案 这篇文章里面的后台Servlet.所以这里只看前台的JS代码. 首先HTML5用AJAX提交数据先要学习一个HTML5新增加的对象:FormData  FormData 对象可以使用append 方法进行 key - value的数据添加,与以前我们常用的json不同的就是可以异

页面多个Jquery版本共存的冲突问题,解决方法!

示例如下: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var j = jQuery.noConflict(true); </script> <script type="text/javascript" src="jquery-1.

在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突

jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X.1.4.X.1.5.X.1.6.2等等. 由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而不冲突呢? 其实,利用jQuery.noConflict()特性,我们不仅可以让jQuer

jQuery设置checkbox全选(区别jQuery版本)

jQuery设置checkbox全选在网上有各种文章介绍,但是为什么在我们用他们的代码的时候就没有效果呢? 如果你的代码一点错误都没有,先不要急着怀疑人家代码的正确性,也许只是人家跟你用的jQuery版本不同而已. jQuery很多版本都会对一些小的功能做一些改进,比如checkbox的选中. jQuery对checkbox改动的界线版本 jquery1.9.1. jquery1.9.1之前,全选是这样的: $('#checkbox').attr('checked',true) $('#chec

处理jquery版本之间冲突

处理jquery版本之间冲突 前端开发们都知道jquery版本有好多,之间冲突很纠结.比如我刚来这公司的时候,后端的哥们用的是jQuery 1.3.2,我了个去,那哥们好久没更新了.我写的效果插件都是最新的jquery1.7.1.不兼容蛋疼啊,参考前人资料,看书.找到一个和平共处<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></scr

查看当前Jquery版本

<script type="text/javascript"> $(document).ready(function(){ alert(jQuery.fn.jquery); }) </script> 弹窗显示浏览器当前载入的Jquery版本.