避免jQuery名字沖突 noConflict()方法
眾所周知,在jQuery語法中,$符號是jQuery的簡寫方式。但在某些情況下,可能需要在同一個頁面引入其他javascript庫(比如Prototype)。因?yàn)?簡短方便,很多的庫也是使用$符號。為了避免名稱沖突,jQuery提供了noConflict()方法來解決這個問題。調(diào)用該方法可以把對$標(biāo)識符的控制權(quán)讓給其他庫。
一般模式:
<script src="prototype.js"></script>//1.包含jQuery之外的庫(比如Prototype) <script src="jquery.js"></script>//2.包含jQuery庫取得對$的使用權(quán) <script> jQuery.noConflict();//3.調(diào)用noConflict()方法,讓出$,把控制權(quán)讓給最先包含的庫 </script> <script src="myscript.js"></script>
讓出$控制權(quán)后,需要使用jQuery方法時,則不能用$來調(diào)用了,要用jQuery。或者通過定義新的名稱來代替$符號。
var jq=jQuery.noConflict();
另外還有一個技巧,可以再.ready()方法中使用$。它的回調(diào)函數(shù)可以接收一個參數(shù),這個參數(shù)為jQuery對象本身,可以重新命名jQuery為$,這樣也是不會造成沖突的。
jQuery.(document).ready(function($){ //這里可以正常使用$ })
當(dāng)然,簡寫方式也是可以的
jQuery(function($){ //這里可以正常使用$ })
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)jquery避免沖突方法有所幫助。
- jQuery中 noConflict() 方法使用
- jQuery中noConflict()用法實(shí)例分析
- 三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
- 輕松搞定jQuery.noConflict()
- 學(xué)習(xí)jQuery中的noConflict()用法
- jquery插件沖突(jquery.noconflict)解決方法分享
- jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
- 『jQuery』名稱沖突使用noConflict方法解決
- jQuery用noConflict代替$的實(shí)現(xiàn)方法
- jQuery noConflict() 方法用法實(shí)例分析
相關(guān)文章
jQuery圖片預(yù)加載 等比縮放實(shí)現(xiàn)代碼
jQuery圖片預(yù)加載 等比縮放實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-10-10Java框架SSH結(jié)合Easyui控件實(shí)現(xiàn)省市縣三級聯(lián)動示例解析
這篇文章主要為大家詳細(xì)介紹了Java框架SSH結(jié)合Easyui控件實(shí)現(xiàn)省市縣三級聯(lián)動示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06JQuery+div+css 無限級聯(lián)樹實(shí)現(xiàn)代碼
JQuery+div+css 無限級聯(lián)樹實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-03-03jQuery Ajax之$.get()方法和$.post()方法
load()方法通常用來從Web服務(wù)器上獲取靜態(tài)的數(shù)據(jù)文件,然而這并不能體現(xiàn)Ajax的全部價值。在項(xiàng)目中,如果需要傳遞一些參數(shù)給服務(wù)器中的頁面,那么可以使用$.get()或者$.post()方法(或者是后面要講解到的$.ajax方法)。2009-10-10jquery怎樣實(shí)現(xiàn)ajax聯(lián)動框(二)
ajax聯(lián)動框想必大家早有所耳聞,接下來將介紹jquery實(shí)現(xiàn)另一種形式的聯(lián)動框,右邊的聯(lián)動框用jquery生成,仿照上篇的js方法修改的,感興趣的你可以參考下希望可以幫助到你2013-03-03