Jquery的$命名冲突

在Jquery中，$是JQuery的别名，全部使用$的地方也均可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。然而，当咱们引入多个js库后，在另一个js库中也定义了$符号的话，那么咱们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 
第一种状况：jquery.js在prototype.js以后进行引入,如：

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

在这种状况下,咱们在本身的js代码中以下写的话：

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

$永远表明的是jquery中定义的$符号，也能够写成JQuery('#msg').hide();若是想要使用prototype.js中定义的$,咱们在后面再介绍。

第二种状况：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().

下面先介绍在第一种引入js库文件顺序的状况下，如何正确的使用不一样的js库中定义的$符号。

一.使用JQuery.noConflict() 
该方法的做用就是让Jquery放弃对$的全部权，将$的控制权交还给prototype.js,由于jquery.js是后引入的，因此最后拥有$控制权的是jquery。它的返回值是JQuery。当在代码中调用了该 方法之后，咱们就不可使用$来调用jquery的方法了，此时$就表明在prototype.js库中定义的$了。以下：

JQuery.noConflict(); // 此处不能够再写成$('#msg').hide(),此时的$表明prototype.js中定义的$符号。 JQuey( ' #msg ' ).hide(); 

自此之后$就表明prototype.js中定义的$,jquery.js中的$没法再使用,只能使用jquery.js中$的全称JQuery了。

二.自定义JQuery的别名 
若是以为第一种方法中使用了JQuery.noConflict()方法之后,只能使用JQuery全称比较麻烦的话，咱们还能够为JQuery重定义别名。以下：

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

自此之后$就表明prototype.js中定义的$,jquey.js中的$没法再使用,只能使用$j来做为jquey.js中JQuery的别名了。

三.使用语句块，在语句块中仍然使用jquery.js中定义的$，以下：

JQuery.noConflict(); JQuery(document).ready(function($){ $( ' #msg ' ).hide(); // 此时在整个ready事件的方法中使用的$都是jquery.js中定义的$. });

 

或者使用以下语句块：

(function($){ ..... $( ' #msg ' ).hide(); // 此时在这个语句块中使用的都是jquery.js中定义的$. })(JQuery)

 
若是在第二种引入js库文件顺序的状况下,如何使用jquery.js中的$,咱们仍是可使用上面介绍的语句块的方法，如：

代码

< script src = " jquery.js " type = " text/javascript " /> < script src = " prototype.js " type = " text/javascript " /> < script type = " text/javascript " > (function($){ ..... $( ' #msg ' ).hide(); // 此时在这个语句块中使用的都是jquery.js中定义的$. })(JQuery) </ script >

这种使用语句块的方法很是有用，在咱们本身写jquery插件时,应该都使用这种写法，由于咱们不知道具体工做过程当中是如何顺序引入各类js库的,而这种语句块的写法却能屏蔽冲突。