jQuery中$符号的使用及解决命名冲突

1.$符号

在jQuery中，$是jQuery的别名，所有使用$的地方也都可以使用jQuery来替代。

命名冲突的解决方法：(我们以引入两个库文件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.js在prototype.js之前进行引入，< script src = " jquery.js " type = " text/javascript " />

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

在这种情况下，我们在自己的js代码中写下：

$("#msg").hide();//"$"代表的是prototype中定义的$符号，如果我们想要调用jquery.js中的函数的时候，只能用全称写法jQuery("#msg").hide();

解决方法：

(针对第一种情况)

法一：使用jQuery.noConflict()

该方法的作用是让jQuery放弃对$的所有权，将$的控制权交还给prototype.js。此时“$”代表的是prototype.js库中定义的"$"了。想要使用jQuery的方法：

jQuery("#msg").hide();

法二：自定义jQuery的别名

var $a = jQuery.noConflict();

$a("#msg").hide();//此处“$a”代表的是jQuery

(针对第二种情况)

主要采用的是语句块

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

这种方法会更好，也更容易读懂。因此推荐使用这种方法。

这种方法对于第一种情况也适合。