學習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中文網其他相關文章！