如果同一个页面不仅引入了jQuery的外部文件,也引入了其他的库文件
如果此时其他的库文件中也使用了$符号，此时就产生了冲突
其他语言中:这个方式叫解决命名空间的冲突
<script type="text/javascript">
---------------------正常情况下---------------------
页面加载事件
$(function () {
$('#btn').click(function () {
$(this).css('background-color', 'red');
});
});
----------当我们引入的其他的库文件中也使用了$符号----------
-----------解决办法1 == 该用 JQuery 代替 $ ----------
释放$的控制权
$.noConflict();
// 使用jQuery
jQuery(function () {
jQuery('#btn').click(function () {
jQuery(this).css('background-color', 'red');
});
});
-----------解决方法2 == 将 $的控制权 赋给指定的变量 -----------
对$对象进行释放控制权并赋值给hq变量
var hq = $.noConflict(); 从此以后hq就是曾经的$---一毛一样的
hq(function () {
hq('#btn').click(function () {
hq(this).css('background-color', 'red');
});
});
</script>
