jQuery库引入后如果引入了其他框架,并且后引入的框架定义了变量$覆盖了jQuery库里面的$,就会使jQuery库的$不起作用
<script src="js/jquery-1.12.4.js"></script> //引入的jQuery
<script src="js/test.js"></script> //别的库 var $=123;
<script>
$(function(){
alert("hello world");
});
</script>
一、解决方法1
把其他库放到jQuery库前面,这时候jQuery的$才起作用,但是引入的库$变量就会被覆盖,而且在引入多个库的时候也不利于查找。
二、解决方法2
1、释放$的使用权,用JQuery代替$
注意:释放操作必须在编写其它JQuery代码之前编写,释放之后就不能再使用$,改为使用jQuery。
<script>
jQuery.noConflict();
jQuery(function(){
alert("hello world");
});
</script>
2、自定义一个访问符号
<script>
var nj=jQuery.noConflict();
nj(function(){
alert("hello world");
});
</script>