jQuery中 noConflict() 方法使用
jQuery 和其他 JavaScript 框架
正如您已經(jīng)了解到的,jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)寫。
如果其他 JavaScript 框架也使用 $ 符號(hào)作為簡(jiǎn)寫怎么辦?
其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
其中某些框架也使用 $ 符號(hào)作為簡(jiǎn)寫(就像 jQuery),如果您在用的兩種不同的框架正在使用相同的簡(jiǎn)寫符號(hào),有可能導(dǎo)致腳本停止運(yùn)行。
jQuery 的團(tuán)隊(duì)考慮到了這個(gè)問題,并實(shí)現(xiàn)了 noConflict() 方法。
jQuery noConflict() 方法
noConflict() 方法會(huì)釋放會(huì) $ 標(biāo)識(shí)符的控制,這樣其他腳本就可以使用它了。
實(shí)例
當(dāng)然,您仍然可以通過全名替代簡(jiǎn)寫的方式來(lái)使用 jQuery:
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在運(yùn)行!");
});
});
實(shí)例
您也可以創(chuàng)建自己的簡(jiǎn)寫。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)寫,并且您不愿意改變這個(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的問題方法
- Android 出現(xià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沖突問題解決方案
相關(guān)文章
jQuery基于ajax操作json數(shù)據(jù)簡(jiǎn)單示例
這篇文章主要介紹了jQuery基于ajax操作json數(shù)據(jù)的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery的ajax基本使用方法及json數(shù)據(jù)傳輸操作相關(guān)技巧,需要的朋友可以參考下2017-01-01jackson解析json字符串,首字母大寫會(huì)自動(dòng)轉(zhuǎn)為小寫的方法
下面小編就為大家分享一篇jackson解析json字符串,首字母大寫會(huì)自動(dòng)轉(zhuǎn)為小寫的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2017-12-12Expandable "Detail" Table Rows
Expandable "Detail" Table Rows...2007-08-08jQuery實(shí)現(xiàn)表格文本框淡入更改值后淡出效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格文本框淡入更改值后淡出效果的實(shí)現(xiàn)代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),需要的朋友可以參考下2016-09-09jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析
本篇文章介紹了,jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析。需要的朋友參考下2013-04-04jquery刪除指定的html標(biāo)簽并保留標(biāo)簽內(nèi)文本內(nèi)容的方法
有時(shí)我們希望刪除這段html代碼里面的一對(duì)<p>標(biāo)簽,但是要保持里面的內(nèi)容不被刪除,本文提供的這個(gè)jquery方法就可以簡(jiǎn)單實(shí)現(xiàn)。2014-04-04jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼,需要的朋友可以參考下2014-06-06