解决jquery和其他库的冲突

Posted kingplus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决jquery和其他库的冲突相关的知识,希望对你有一定的参考价值。

一、jquery在其他库之后导入

(1)jQuery.noConflict();  //将变量的$控制权转交给其他库。
         jQuery(function(){
                //代码
         });
 
        $("pp").click();     //其他库
 
(2)var $j = jQuery.noConflict();   //自定义快捷方式
         $j(function(){
                //代码
        });
 
        $("pp").click();     //其他库   
 
(3)如果不想给jquery自定义名称,但是还想使用$
    1 . jQuery.noConflict();  //将变量的$控制权转交给其他库。
         jQuery(function($){     //传入$即可
                $("p").click();
         });
 
        $("pp").click();     //其他库
    2 . jQuery.noConflict();  //将变量的$控制权转交给其他库。
         (function($){     //定义匿名函数并设置形参为$
                $(function(){  //匿名函数内部的$均为jquery
                         $("p").click();
                })
            })(jQuery);
 
        $("pp").click();     //其他库
 
二、在其他库之前导入
         jQuery(function(){     //直接使用jquery,无需调用 jQuery.noConflict(); 
                jQuery("p").click();
         });
 
        $("pp").click();     //其他库

以上是关于解决jquery和其他库的冲突的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery时$符号冲突问题解决方案

认识Jquery

jquery和其他js库起冲突的解决方法

JQuery 总结 锋利的jQuery

完美解决jQuery符号$与其他javascript 库框架冲突的问题

jQuery版本冲突