jQuery 美元符沖突的解決方法
更新時間:2010年03月28日 10:09:29 作者:
jQuery 美元符沖突的解決方法,使用jquery與別的js庫共同使用的時候需要注意的地方。
如下代碼:
復(fù)制代碼 代碼如下:
jQuery.noConflict();
jQuery(document).ready(function(){
//Your Code....
});
jQuery.noConflict() 的詳細(xì)介紹:
概述
運行這個函數(shù)將變量$的控制權(quán)讓渡給第一個實現(xiàn)它的那個庫,這有助于確保jQuery不會與其他庫的$對象發(fā)生沖突,在運行這個函數(shù)后,就只能使用jQuery變量訪問jQuery對象。例如,在要用到$("div p")的地方,就必須換成jQuery("div p")。
注意:這個函數(shù)必須在你導(dǎo)入jQuery文件之后,并且在導(dǎo)入另一個導(dǎo)致沖突的庫之前使用。當(dāng)然也應(yīng)當(dāng)在其他沖突的庫被使用之前,除非jQuery是最后一個導(dǎo)入的。
描述:
將$引用的對象映射回原始的對象。
jQuery 代碼:
復(fù)制代碼 代碼如下:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他庫的 $()
$("content").style.display = 'none';
描述:
恢復(fù)使用別名$,然后創(chuàng)建并執(zhí)行一個函數(shù),在這個函數(shù)的作用域中仍然將$作為jQuery的別名來使用。在這個函數(shù)中,原來的$對象是無效的。這個函數(shù)對于大多數(shù)不依賴于其他庫的插件都十分有效。
jQuery 代碼:
復(fù)制代碼 代碼如下:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 其他用 $ 作為別名的庫的代碼
描述:
創(chuàng)建一個新的別名用以在接下來的庫中使用jQuery對象。
jQuery 代碼:
復(fù)制代碼 代碼如下:
var j = jQuery.noConflict();
// 基于 jQuery 的代碼
j("div p").hide();
// 基于其他庫的 $() 代碼
$("content").style.display = 'none';
相關(guān)文章
jquery插件treegrid樹狀表格的使用方法詳解(.Net平臺)
本文主要介紹了jquery插件treegrid樹狀表格的使用方法,具有一定的參考作用,下面跟著小編一起來看下吧2017-01-01jQuery打字效果實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery打字效果實現(xiàn)方法,詳細(xì)分析了jQuery實現(xiàn)打字效果所涉及的jticker_split.js插件機(jī)具體調(diào)用技巧,并附帶完整的demo源碼供讀者下載參考,需要的朋友可以參考下2015-12-12了解jQuery技巧來提高你的代碼(個人覺得那個jquery的手冊很不錯)
這個jQuery選擇器實驗室非常酷,它能在線免費使用,當(dāng)然你也能下來到本地離線使用。這個測試頁面包含復(fù)雜的HTML組合字段,然后你能嘗試預(yù)定義使用各種jQuery選擇器。如果這還不夠你也可以自定義選擇器2012-02-02jQuery圖片輪播(二)利用構(gòu)造函數(shù)和原型創(chuàng)建對象以實現(xiàn)繼承
本文主要介紹了利用構(gòu)造函數(shù)和原型創(chuàng)建對象以實現(xiàn)繼承,并附上完成簡單輪播對象的封裝的示例代碼。有興趣的朋友可以看下2016-12-12詳解jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁面布局方式為主,需要的朋友可以參考下2015-12-12