解决多库冲突的方法

Posted 2020-08-22 VictoriaChen

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);