標籤：
眾所周知，jQuery是目前最流行的JS封裝包，簡化了很多複雜的JS程式，JQuery講瀏覽器DOM樹定義為$，通過$來擷取各個子節點。
然後，JS外掛程式並非只有JQuery，還有prototype.js 等其它比較好的外掛程式。它們也使用$。所以有時候同時使用這個兩個JS外掛程式的時候，就會出現$的使用權衝突問題。現在我們來看看如何解決這個衝突問題。請看下文：
我們都知道JQuery有一個函數，jquery.noConflict() 它的作用是講$的控制權轉讓出去。然後我們可以通過jQuery代替$來擷取dom節點
舉例：
方法一：
代碼如下:
<script type="text/javascript">
jQuery.noConflict(); //將變數$的控制權讓渡給prototype.js
jQuery(function(){ //使用jQuery
jQuery("p").click(function(){
alert( jQuery(this).text() );
});
});
$("pp").style.display = ‘none‘; //使用prototype
</script>
方法二：
我們可以通過noConflict()函數來定義一個捷徑用來擷取dom節點
代碼如下:
<script type="text/javascript">
var $j = jQuery.noConflict(); //自訂一個比較短捷徑
$j(function(){ //使用jQuery
$j("p").click(function(){
alert( $j(this).text() );
});
});
$("pp").style.display = ‘none‘; //使用prototype
</script>
還有其它的方法，都給大家列舉出來，同理都可以看明白了吧，呵呵。
方法三：
代碼如下:
<script type="text/javascript">
jQuery.noConflict(); //將變數$的控制權讓渡給prototype.js
jQuery(function($){ //使用jQuery
$("p").click(function(){ //繼續使用 $ 方法
alert( $(this).text() );
});
});
$("pp").style.display = ‘none‘; //使用prototype
</script>
方法四：
代碼如下:
<script type="text/javascript">
jQuery.noConflict(); //將變數$的控制權讓渡給prototype.js
(function($){ //定義匿名函數並設定形參為$
$(function(){ //匿名函數內部的$均為jQuery
$("p").click(function(){ //繼續使用 $ 方法
alert($(this).text());
});
});
})(jQuery); //執行匿名函數且傳遞實參jQuery
$("pp").style.display = ‘none‘; //使用prototype
</script>
JQuery的$和其它JS發生衝突的快速解決方案
