Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery冲突的解决方法

jquery冲突的解决方法

发布时间:2012-11-21   编辑:www.jquerycn.cn
jquery中文网为您提供jquery冲突,ajax jquery 冲突等资源,欢迎您收藏本站,我们将为您提供最新的jquery冲突,ajax jquery 冲突资源

我们在使用 jquery 的过程中我们会频繁使用 $ 符号,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,例如 

如$('#msg')等同于JQuery('#msg')的写法。

在页面中同时引入另一个js类库,并且该类库也是用了 $ 符号时,$ 代表的变量将被覆盖。例如 prototype.js。

我们举个例子:

A.jquery.js 在 prototype.js 之前引入

<script src="jquery.js" type="text/javascript"/>
<script src="prototype.js" type="text/javascript"/>

在这种情况下,我们在自己的js代码中如下写的话:

$('#msg').hide();

$此时代表的prototype.js中定义的$符号,如果我们想要调用jquery.js中的工厂选择函数功能的话,只能用全称写法JQuery('#msg').hide().

B.jquery.js 在 prototype.js 之后引入

在这种情况下,我们在自己的js代码中如下写的话:

$('#msg').hide();

$永远代表的是jquery中定义的$符号,也可以写成JQuery('#msg').hide();prototype.js中定义的$则被覆盖了,

解决的方法 1:在编写完 使用了 jquery 中的 $的代码后 用

JQuery.noConflict();

让Jquery放弃对$的所有权,将$的控制权交还给prototype.js,因为jquery.js是后引入的,所以最后拥有$控制权的是jquery,当在代码中调用了该 方法以后,我们就不可以使用$来调用jquery的方法了,而要使用 jQuery() 方法。

解决的方法 2:自定义jquery 的别名

var $j=JQuery.noConflict();
$j(
'#msg').hide();//此处$j就代表JQuery

使用如上代码,自此以后$就代表prototype.js中定义的$,jquey.js中的$无法再使用,只能使用$j来作为jquey.js中JQuery的别名了。

精彩内容推荐:

您可能感兴趣的文章:
jquery 与NVelocity 产生冲突的解决方法
jquery与js函数冲突的两种解决方法
如何解决Jquery库及其他库之间的$命名冲突
html文件中jquery与velocity变量中的$冲突的解决方法
『jQuery』名称冲突使用noConflict方法解决
JQuery的$和其它JS发生冲突的快速解决方法
快速解决jQuery与其他库冲突的方法介绍
jQuery库与其他JS库冲突的解决办法
让jQuery与其他JavaScript库并存避免冲突的方法
jQuery 美元符冲突的解决方法

关键词: 冲突  方法   
[关闭]