如解決jquery與原生js衝突的問題

admin發表於2017-02-25
jQueryJS
在jQuery一般使用$(selector)獲取物件，但是有時候會和其他js類庫相沖突，下面就通過例項程式碼簡單介紹一下如何避免此中情況的產生。

解決方案:

[JavaScript] 純文字檢視 複製程式碼
jQuery.noConflict(); 
(function($){
  $(function(){
    $("div").click(function(){
      alert($(this).text()); 
    }) 
  }) 
})(jQuery);

以上程式碼就可以解決衝突問題，並且在宣告的匿名函式中依然可以使用$。

一.實現原理:

使用jQuery.noConflict()函式之後，jQuery會將$的控制權讓渡給其他第一個實現它的類庫，這個時候我們就不能夠直接使用$了，所以在這裡我們建立了一個匿名函式，此匿名函式的形參是$，這樣將jQuery作為引數傳遞給次函式即可實現我們需要的要求。

二.相關閱讀:

jQuery.noConflict()參閱jQuery.noConflict()一章節。


相關文章