首頁  >  核心  > jQuery.noConflict([ex])

返回值:jQueryjQuery.noConflict([extreme])

jQuery.noConflict() 方法概述

運行這個函數將變量$的控制權讓渡給第一個實現它的那個庫。

這有助于確保jQuery不會與其他庫的$對象發(fā)生沖突。 在運行這個函數后,就只能使用jQuery變量訪問jQuery對象。例如,在要用到$("div p")的地方,就必須換成jQuery("div p")。 '''注意:'''這個函數必須在你導入jQuery文件之后,并且在導入另一個導致沖突的庫'''之前'''使用。當然也應當在其他沖突的庫被使用之前,除非jQuery是最后一個導入的。

參數

extremeBooleanV1.0

傳入 true 來允許徹底將jQuery變量還原

示例

描述:

將$引用的對象映射回原始的對象。

jQuery 代碼:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他庫的 $()
$("content").style.display = 'none';

描述:

恢復使用別名$,然后創(chuàng)建并執(zhí)行一個函數,在這個函數的作用域中仍然將$作為jQuery的別名來使用。在這個函數中,原來的$對象是無效的。這個函數對于大多數不依賴于其他庫的插件都十分有效。

jQuery 代碼:
jQuery.noConflict();
(function($) { 
  $(function() {
    // 使用 $ 作為 jQuery 別名的代碼
  });
})(jQuery);
// 其他用 $ 作為別名的庫的代碼

描述:

創(chuàng)建一個新的別名用以在接下來的庫中使用jQuery對象。

jQuery 代碼:
var j = jQuery.noConflict();
// 基于 jQuery 的代碼
j("div p").hide();
// 基于其他庫的 $() 代碼
$("content").style.display = 'none';

描述:

完全將 jQuery 移到一個新的命名空間。

jQuery 代碼:
var dom = {};
dom.query = jQuery.noConflict(true);
結果:
// 新 jQuery 的代碼
dom.query("div p").hide();
// 另一個庫 $() 的代碼
$("content").style.display = 'none';
// 另一個版本 jQuery 的代碼
jQuery("div > p").hide();