讓jQuery與其他JavaScript庫(kù)并存避免沖突的方法
更新時(shí)間：2013年12月23日 15:24:12 作者：
為了解決jQuery和其他JavaScript庫(kù)中$()函數(shù)的沖突，需要取消jQuery的$()函數(shù)，下面有個(gè)不錯(cuò)的方法，感興趣的朋友可以參考下
為了解決jQuery和其他JavaScript庫(kù)中$()函數(shù)的沖突，需要取消jQuery的$()函數(shù)，為此jQuery提供了如下方法：
//取消jQuery中的$()函數(shù)
jQuery.noConflict() ;
將上面的粗體字代碼放在JavaScript代碼的第一行，這行代碼就會(huì)取消jQuery的$()函數(shù)
注：其實(shí)只是取消了jQuery()函數(shù)的$()別名，因此我們依然可以使用jQuery來代替原來的$()。
除此之外，多次重復(fù)書寫jQuery()也是很煩瑣的事情，jQuery還允許開發(fā)者為jQuery()指定自己的別名，如下代碼所示：
<body>
<div id="lee"></div>
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript">
//給jQuery()函數(shù)指定別名為lee
var lee = jQuery.noConflict() ;
var target = lee("#lee")
target.html("我要學(xué)習(xí)JQuery")
.height(60)
.width(160)
.css("border" , "2px solid black")
.css("background-color" , "#ddddff")
.css("padding" , 20) ;
</script>
</body>
復(fù)制代碼 代碼如下:
//取消jQuery中的$()函數(shù)
jQuery.noConflict() ;
將上面的粗體字代碼放在JavaScript代碼的第一行，這行代碼就會(huì)取消jQuery的$()函數(shù)
注：其實(shí)只是取消了jQuery()函數(shù)的$()別名，因此我們依然可以使用jQuery來代替原來的$()。
除此之外，多次重復(fù)書寫jQuery()也是很煩瑣的事情，jQuery還允許開發(fā)者為jQuery()指定自己的別名，如下代碼所示：
復(fù)制代碼 代碼如下:
<body>
<div id="lee"></div>
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript">
//給jQuery()函數(shù)指定別名為lee
var lee = jQuery.noConflict() ;
var target = lee("#lee")
target.html("我要學(xué)習(xí)JQuery")
.height(60)
.width(160)
.css("border" , "2px solid black")
.css("background-color" , "#ddddff")
.css("padding" , 20) ;
</script>
</body>
相關(guān)文章
當(dāng)點(diǎn)擊圖片時(shí)，圖片會(huì)加紅顯示。2009-05-05
本篇文章是對(duì)jQuery中的折疊面板進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
jquery獲取復(fù)選框的值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query獲取復(fù)選框的值的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)彈幕效果案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jquery清空input標(biāo)簽的值及清除標(biāo)簽里面的內(nèi)容
這篇文章主要介紹了jquery清空input標(biāo)簽的值,清除標(biāo)簽里面的內(nèi)容,清除input標(biāo)簽的值,可以通過直接將input標(biāo)簽的值設(shè)置為空來實(shí)現(xiàn),本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
jquery ajax post提交數(shù)據(jù)亂碼
今天發(fā)現(xiàn)在使用jquery ajax.post提交數(shù)據(jù)時(shí)會(huì)發(fā)現(xiàn)數(shù)據(jù)在ff正常，但在chrome與ie瀏覽器中post過去的數(shù)據(jù)全部是亂碼2013-11-11
在jquery中自定義函數(shù)你會(huì)嗎？今天抽時(shí)間寫了幾個(gè)，個(gè)人感覺還不錯(cuò)，喜歡的朋友可以了解下2014-01-01
jquery實(shí)現(xiàn)的橫向二級(jí)導(dǎo)航效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的橫向二級(jí)導(dǎo)航效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過導(dǎo)航出現(xiàn)下拉菜單切換的效果,非常簡(jiǎn)潔自然,涉及jquery鼠標(biāo)hover事件及頁面元素樣式的動(dòng)態(tài)改變技巧,需要的朋友可以參考下2015-08-08
公司網(wǎng)站目前的訪問用戶中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中設(shè)置下拉框時(shí)會(huì)有以下一些問題2010-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery表單元素選擇器代碼實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02