深入理解jQuery中的noConflict()方法

這篇文章為大家介紹了jQuery中的noConflict()方法，有需要的朋友可以參考一下，希望對你有所幫助，同時也歡迎點讚評論。

noConflict()

jQuery使用$符號，作為jQuery的簡寫

JavaScript框架包含：MooTools、Backbone、Sammy、Cappuccino、Knockout、 JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等

#其中一些框架也使用$符號作為簡寫 

如果，使用的兩個不同的框架，使用相同的簡寫符號，可能導致腳本停止執行 

為此，jQuery提供了noConflict()方法

釋放標識符

##會釋放對$標識符的控制

這樣，其他腳本就可以使用了

$.noConflict();

全名取代

使用jQuery全名，取代簡寫$

jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍然在工作!");
  });
});

建立簡寫

可以建立自己的簡寫 

noConflict()可以傳回對jQuery的引用 

把它存入一個變量，之後，使用這個變量，代替$

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍然在工作!");
  });
});

參數傳遞

可以把$符號當作變量，傳遞給ready方法

這樣，可以在函數內使用$符號，在函數外，不能使用$

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍然在工作!");
  });
});

以上是深入理解jQuery中的noConflict()方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！