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