jquery 冲突完美解决方案

1.方法一:

   //这一句不能少,将$重新定义成 $zhoumanhe
     var $zhoumanhe = jQuery.noConflict();
  
     // 使用jq的--将原来$改成jQuery
     $zhoumanhe(document).ready(function(){
       $zhoumanhe("div").hide();
     });

2 方法二: 使用语句块,在语句块中仍然使用jquery.js中定义的$

JQuery.noConflict(); 
JQuery(document).ready(function($){ 
$('#msg').hide();//此时在整个ready事件的方法中使用的$都是jquery.js中定义的$. 
});

或者

JQuery.noConflict();
(function($){ ..... $('#msg').hide();//此时在这个语句块中使用的都是jquery.js中定义的$. })(JQuery)


备注:

 

jQuery(docunemt).ready(function(){

});

意义为在DOM加载完毕后执行ready()方法

 

(function($){....})(jQuery) 立即执行匿名函数()(param),只不过参数是jQuery对象

等价于:var a = function(params){....};a(jQuery);

 

posted @ 2016-06-29 11:41  王传明  阅读(110)  评论(0)    收藏  举报