$.noConflict() 方法讓渡變量 $ 的 jQuery 控制權

$.noConflict()說明:

許多 JavaScript 庫使用 $ 作為函數或變量名,jQuery 也一樣。在 jQuery 中,$ 僅僅是 jQuery 的別名,因此即使不使用 $ 也能保證所有功能性。假如我們需要使用 jQuery 之外的另一 JavaScript 庫,我們可以通過調用 $.noConflict() 向該庫返回控制權:

<script type="text/javascript" src="other_lib.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

? $.noConflict();

? // 使用另一個庫的 $ 的代碼

</script>

可以與 .ready() 方法結合起來使用,來為 jQuery 對象起別名,這項技術非常有效:

<script type="text/javascript" src="other_lib.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

? $.noConflict();

? jQuery(document).ready(function($) {

? ? // 使用 jQuery $ 的代碼

? });

? // 使用其他庫的 $ 的代碼

</script>

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

jQuery.noConflict();

jQuery("div p").hide();? ? // 使用 jQuery

$("content").style.display = "none";? ? // 使用其他庫的 $()

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

jQuery.noConflict();

(function($) {

? $(function() {

? ? // 使用 $ 作為 jQuery 別名的代碼

? });

})(jQuery);

可以將 jQuery.noConflict() 與簡寫的 ready 結合,使代碼更緊湊:

jQuery.noConflict()(function(){

? ? // 使用 jQuery 的代碼

});

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 724評論 0 3
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,874評論 0 3
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,506評論 0 2
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,276評論 0 1
  • 請記得在進行JQuery類庫的運用時,加入JQuery類庫,并且要保證先寫文檔就緒函數 $(document).r...
    Sunshinemm閱讀 3,034評論 1 40

友情鏈接更多精彩內容