解决jQuery冲突 noConflict

jQuery一个十分优秀的AJAX框架,write less, do more,用户能更方便地处理DOM、events、实现动画效果,方便地为网站提供Ajax交互,代码和html内容分离,不用在html里面插入一堆javascript,只需定义id即可,跟css有点类似 jQuery.noConflict 其他框架一样使用了$作为变量,如果多个这样的框架想要一起使用就可能会发生冲突, jQuery有一些方法可以避免与其它框架的冲突: 方法1:使用独有的命名空间jQuery,变量jQuery等效于jQuery框架中的$.

jQuery(document).ready(function(){    //do something
});
var $j=jQuery;
$j(document).ready(function(){    //do something
});

方法2:函数内使用$,以下两种方式都可行。

function($){   alert($);
}(jQuery);

jQuery(function($){    alert($);
})
注意,如果在head中,jquery的js库定义在其他库之后,则需要调用其noConflict方法。
<script type=”text/javascript” src=”mootools.js”></script>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
alert($);//$ in jQuery
jQuery.noConflict();
//or $j=jQuery.noConflict();
alert($);//$ in Mootools
</script>
原文地址:https://www.cnblogs.com/visense/p/3191876.html