jQuery中衝突避免

  jQuery中須要用到$符號，若是其餘js庫也定義了$符號，那麼就會形成衝突，會影響到js代碼的正常執行，下面有幾個不錯的解決方法

  1.引入noConflict(),將$替換爲其餘符號

1  
2 var $j = jQuery.noConflict(); 
3 $j(document).ready(function(){ 
4 $j("#btn1").click(function(){ 
5 alert("Text: " + $j("#test").text()); 
6 }); 
7 }); 

缺點：引入了這段代碼後，不只是當前的js文件，該html引用的全部js中，若是有用到jquery中的$，都得用$j來代替以前的$ 

方案2： 
ready函數是jquery的入口函數，能夠 
將$(document).ready(function(){ 
替換成 
jQuery( document ).ready(function( $){} 
缺點：只對ready嵌套內的代碼有效，對嵌套外的代碼是無效的。若是你全部的邏輯，都在寫ready函數中，那沒問題。但咱們通常都會在ready函數以外寫一些子函數，而後ready函數再去調用這些函數。這個方案對這些函數是無效的，所以這套方案有侷限性。 

方案3（推薦，特別是開發js插件時）： 

給js內容包上一個函數 

jQuery(function($){ 
//你的js代碼放在這裏（例如第二個方案提到的ready函數和子函數） 
//若是是js文件，其實就是在文件頭部和尾部各加一行代碼 
} 

或

 (function($) { 
//你的js代碼 
})(jQuery); 

這個方法，沒有上面兩個方案的缺點，只會影響到被包在jQuery(function($){}中的代碼。 
不會影響到其餘js代碼，這一點很重要。試想一下，假如你寫了一個js公共組件，該組件須要用到jquery，爲了提升魯棒性，需考慮$符號衝突問題。若是使用方案1，那麼別人在使用時，還得遵照你的約定，把本身js代碼中的$改爲$,而若是使用方案3，既能避免$衝突對該組件的影響，又無須要求使用公共組件的人修改本身的代碼。

 

 

文章原址：http://www.jb51.net/article/47028.htm