讓jQuery與其他JavaScript庫并存避免沖突的方法
更新時間:2013年12月23日 15:24:12 作者:
為了解決jQuery和其他JavaScript庫中$()函數(shù)的沖突,需要取消jQuery的$()函數(shù),下面有個不錯的方法,感興趣的朋友可以參考下
為了解決jQuery和其他JavaScript庫中$()函數(shù)的沖突,需要取消jQuery的$()函數(shù),為此jQuery提供了如下方法:
//取消jQuery中的$()函數(shù)
jQuery.noConflict() ;
將上面的粗體字代碼放在JavaScript代碼的第一行,這行代碼就會取消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代碼的第一行,這行代碼就會取消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)文章
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ù)時會發(fā)現(xiàn)數(shù)據(jù)在ff正常,但在chrome與ie瀏覽器中post過去的數(shù)據(jù)全部是亂碼2013-11-11
jquery實(shí)現(xiàn)的橫向二級導(dǎo)航效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的橫向二級導(dǎo)航效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過導(dǎo)航出現(xiàn)下拉菜單切換的效果,非常簡潔自然,涉及jquery鼠標(biāo)hover事件及頁面元素樣式的動態(tài)改變技巧,需要的朋友可以參考下2015-08-08

