首页 > 代码库 > 解决多库冲突的方法

解决多库冲突的方法

html里写:

<p id="p1">我是测试炮灰</p>

script里写:
//解决冲突方法一:
    jQuery.noConflict(); //此时放弃$,只能用jquery这个关键字代表jquery

    jQuery(function(){
        jQuery(‘#p‘).hide();//此时隐藏p标签
    });

//解决冲突方法二
    var $j = jQuery.noConflict();//用新的符号$j替代旧的$符号
    $j(function(){
      $j("#p").hide();
      });

//解决冲突方法三
   jQuery.noConflict();
$(‘p‘).hide()
;//外面用会报错

jQuery(document).ready(function($){
//此时在整个ready事件的方法中使用的$都是jquery.js中定义的$

$(‘p‘).hide();
});

//解决冲突方法四 常用方法
jQuery.noConflict();
$("#p1").hide();//外面用会报错
(function ($){
//此时在这个语句块中使用的都是jquery.js中定义的$
$("#p").hide();
})(jQuery);





解决多库冲突的方法