學(xué)習(xí)jQuery中的noConflict()用法
noConflict()
jQuery使用$符號(hào),作為jQuery的簡(jiǎn)寫
JavaScript框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等
其中一些框架也使用$符號(hào)作為簡(jiǎn)寫
如果,用的兩種不同的框架,使用相同的簡(jiǎn)寫符號(hào),可能導(dǎo)致腳本停止運(yùn)行
為此,jQuery提供了noConflict()方法
釋放標(biāo)識(shí)符
會(huì)釋放對(duì)$標(biāo)識(shí)符的控制
這樣,其他腳本就可以使用了
$.noConflict();
全名代替
使用jQuery全名,代替簡(jiǎn)寫$
jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery 仍然在工作!"); }); });
創(chuàng)建簡(jiǎn)寫
可以創(chuàng)建自己的簡(jiǎn)寫
noConflict()可以返回對(duì)jQuery的引用
把它存入一個(gè)變量,之后,使用這個(gè)變量,代替$
var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery 仍然在工作!"); }); });
參數(shù)傳遞
可以把$符號(hào)作為變量,傳遞給ready方法
這樣,可以在函數(shù)內(nèi)使用$符號(hào),在函數(shù)外,不能使用$
$.noConflict(); jQuery(document).ready(function($){ $("button").click(function(){ $("p").text("jQuery 仍然在工作!"); }); });
- jQuery中 noConflict() 方法使用
- jQuery中noConflict()用法實(shí)例分析
- 避免jQuery名字沖突 noConflict()方法
- 三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
- 輕松搞定jQuery.noConflict()
- jquery插件沖突(jquery.noconflict)解決方法分享
- jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
- 『jQuery』名稱沖突使用noConflict方法解決
- jQuery用noConflict代替$的實(shí)現(xiàn)方法
- jQuery noConflict() 方法用法實(shí)例分析
相關(guān)文章
JQuery插件fancybox無法在彈出層使用左右鍵的解決辦法
本篇文章主要是對(duì)JQuery插件fancybox無法在彈出層使用左右鍵的解決辦法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
今天小編就為大家分享一篇關(guān)于JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng),小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2018-12-12JQuery Ajax通過Handler訪問外部XML數(shù)據(jù)的代碼
JQuery是一款不錯(cuò)的Javascript腳本框架,相信園子里的很多朋友對(duì)它都不陌生,我們?cè)陂_發(fā)Web應(yīng)用程序時(shí)難免會(huì)使用到Javascript腳本,而使用一款不錯(cuò)的腳本框架將會(huì)大大節(jié)省我們的開發(fā)時(shí)間, 并可以毫不費(fèi)力地實(shí)現(xiàn)很多非??岬男Ч?。2010-06-06Jquery使用AJAX方法請(qǐng)求數(shù)據(jù)
本文詳細(xì)講解了Jquery使用AJAX方法請(qǐng)求數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05Jquery attr("checked") 返回checked或undefined 獲取選中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined,不是原來的true和false了,有關(guān)此問題的解決方法如下,感興趣的朋友可以參考下2013-10-10jQuery使用Selectator插件實(shí)現(xiàn)多選下拉列表過濾框(附源碼下載)
Selectator是一款實(shí)現(xiàn)多選和搜索過濾功能的jQuery下拉列表框插件。下文給大家介紹jQuery使用Selectator插件實(shí)現(xiàn)多選下拉列表過濾框,需要的朋友一起學(xué)習(xí)吧2016-04-04淺談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)
下面小編就為大家?guī)硪黄獪\談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10使用BootStrap和Metroui設(shè)計(jì)的metro風(fēng)格微網(wǎng)站或手機(jī)app界面
今天使用bootstrap和metroui設(shè)計(jì)了一個(gè)metro風(fēng)格的移動(dòng)app或者微信微網(wǎng)站的界面,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友可以參考下2016-10-10設(shè)置jQueryUI DatePicker默認(rèn)語言為中文
本文主要介紹jQueryUI DatePicker設(shè)置中文的方法,需要的朋友可以參考下。2016-06-06