解决jquery与其他库的冲突

1、jquery在其他库之后导入

第一种:
jQuery.noConflict();//将变量$的控制权限交给其他类库,即将$的控制权让渡给其他类库
jQuery(function(){
  jQuery("p").click(function(){
    alert(jQuery(this).text());
  });
});
$("p").style.display = "none";//其他类库照常使用$符

第二种:
var $j = jQuery.noConflict();//自定义一种快捷方式
$j(function(){
  $j("p").click(function(){
        alert($j(this).text());
   });
});
$("p").style.display = "none";//其他类库照常使用$符

如果不想使用jquery自定义备用名称(即前两种方法),又想使用$符,其避免与其他库冲突

第三种:
 jQuery.noConflict();
 jQuery(function($){
    $("p").click(function(){
         alert($(this).text());
    });
 });
$("p").style.display = "none";//其他类库照常使用$符

第四种:
 jQuery.noConflict();
 (function($){
      $function(){
          $("p").click(function(){
               alert($(this).text());
          });
      }
 });

2、jQuery库在其他库之前导入(无需调用jQuery.noConflict()函数,可直接用”jQuery”来做一些jQuery的工作)

jQuery(function(){
  jQuery("p").click(function(){
    alert(jQuery(this).text());
  });
});
$("p").style.display = "none";//其他类库照常使用$符

 

posted on 2016-11-26 14:24  爱吃柠檬不加糖  阅读(119)  评论(0编辑  收藏  举报

导航