眾所周知，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>?

?

轉載于:https://www.cnblogs.com/zhaoblog/p/5883194.html

總結

以上是生活随笔為你收集整理的JQuery的$和其它JS发生冲突的快速解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。