解决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";//其他类库照常使用$符