jQuery中 noConflict() 方法使用
jQuery 和其他 JavaScript 框架
正如您已經(jīng)了解到的,jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)寫(xiě)。
如果其他 JavaScript 框架也使用 $ 符號(hào)作為簡(jiǎn)寫(xiě)怎么辦?
其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
其中某些框架也使用 $ 符號(hào)作為簡(jiǎn)寫(xiě)(就像 jQuery),如果您在用的兩種不同的框架正在使用相同的簡(jiǎn)寫(xiě)符號(hào),有可能導(dǎo)致腳本停止運(yùn)行。
jQuery 的團(tuán)隊(duì)考慮到了這個(gè)問(wèn)題,并實(shí)現(xiàn)了 noConflict() 方法。
jQuery noConflict() 方法
noConflict() 方法會(huì)釋放會(huì) $ 標(biāo)識(shí)符的控制,這樣其他腳本就可以使用它了。
實(shí)例
當(dāng)然,您仍然可以通過(guò)全名替代簡(jiǎn)寫(xiě)的方式來(lái)使用 jQuery:
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在運(yùn)行!");
});
});
實(shí)例
您也可以創(chuàng)建自己的簡(jiǎn)寫(xiě)。noConflict() 可返回對(duì) jQuery 的引用,您可以把它存入變量,以供稍后使用。請(qǐng)看這個(gè)例子:
var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍在運(yùn)行!");
});
});
實(shí)例
如果你的 jQuery 代碼塊使用 $ 簡(jiǎn)寫(xiě),并且您不愿意改變這個(gè)快捷方式,那么您可以把 $ 符號(hào)作為變量傳遞給 ready 方法。這樣就可以在函數(shù)內(nèi)使用 $ 符號(hào)了 - 而在函數(shù)外,依舊不得不使用 "jQuery":
$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍在運(yùn)行!");
});
});
- 解決 INSTALL FAILED CONFLICTING PROVIDER的問(wèn)題方法
- Android 出現(xiàn)問(wèn)題Installation error: INSTALL_FAILED_CONFLICTING_PROVIDER解決辦法
- 三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
- 輕松搞定jQuery.noConflict()
- jQuery中noConflict()用法實(shí)例分析
- jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
- jquery插件沖突(jquery.noconflict)解決方法分享
- Git工具 conflict沖突問(wèn)題解決方案
相關(guān)文章
使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題
本篇文章主要介紹了使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01
基于HTML+CSS,jQuery編寫(xiě)的簡(jiǎn)易計(jì)算器后續(xù)(添加了鍵盤(pán)監(jiān)聽(tīng))
這篇文章主要介紹了使用HTML+CSS,jQuery編寫(xiě)的簡(jiǎn)易計(jì)算器后續(xù)(添加了鍵盤(pán)監(jiān)聽(tīng)) 的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQuery圓形統(tǒng)計(jì)圖開(kāi)發(fā)實(shí)例
這篇文章主要介紹了jQuery圓形統(tǒng)計(jì)圖開(kāi)發(fā)的方法,實(shí)例分析了circliful插件的用法與使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
jquery表單驗(yàn)證插件(jquery.validate.js)的3種使用方式
這篇文章主要介紹了jquery表單驗(yàn)證插件(jquery.validate.js)的3種使用方式,本文用詳細(xì)的代碼實(shí)例講解jquery表單驗(yàn)證插件的使用,需要的朋友可以參考下2015-03-03
jquery.fileEveryWhere.js 一個(gè)跨瀏覽器的file顯示插件
大牛ppk都說(shuō)過(guò),在從多表單控件中,上傳文件控件的樣式是最難以控制的。見(jiàn)文章Styling an input type="file"。本插件也多是參考此文2011-10-10

