jquery中美圆符号（$）命名冲突

http://blog.csdn.net/shanshan209/article/details/6341727 在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库的,而这种语句块的写法却能屏蔽冲突。   ps ：jquery中特殊字符的含义： #　　指示　id .　　指示　class *　　全选 ,　　多选 空格　后代 >　　子 ~　　兄弟 +　　下一个 :　　子(多功能) ()　　函数式的过滤与查找