快捷導(dǎo)航

讓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來(lái)代替原來(lái)的$()。

除此之外，多次重復(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)文章

js和jQuery設(shè)置Opacity半透明兼容IE6
對(duì)于每一個(gè)網(wǎng)站前端開發(fā)人員，常常都會(huì)遇到設(shè)置div透明度的需求，比如在實(shí)現(xiàn)圖片幻燈片切換效果經(jīng)常就需要使圖片淡入淡出。本文分別對(duì)原生js和jQuery在IE和其它瀏覽器中設(shè)置透明度的方法和相關(guān)注意事項(xiàng)進(jìn)行總結(jié)。
2016-05-05
jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
這篇文章主要介紹了使用jquery實(shí)現(xiàn)的鼠標(biāo)放上去顯示懸浮層即彈出定位的div層,需要的朋友可以參考下
2014-04-04
jQuery簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)選項(xiàng)卡特效
本文給大家分享一段基于jQuery簡(jiǎn)單實(shí)現(xiàn)的網(wǎng)頁(yè)選項(xiàng)卡代碼，非常簡(jiǎn)單實(shí)用，這里推薦給小伙伴們。
2014-11-11
基于DOM節(jié)點(diǎn)刪除之empty和remove的區(qū)別(詳解)
下面小編就為大家?guī)?lái)一篇基于DOM節(jié)點(diǎn)刪除之empty和remove的區(qū)別(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下
2013-04-04
jquery操作HTML5 的data-*的用法實(shí)例分享
從jQuery 1.4.3起， HTML 5 data- 屬性將自動(dòng)被引用到j(luò)Query的數(shù)據(jù)對(duì)象中。也就是說(shuō)雖然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3庫(kù)以上的.還是可以在非HTML5的頁(yè)面或?yàn)g覽器里, 仍然可以使用.data(obj)方法來(lái)操作"data-*" 數(shù)據(jù).
2014-08-08
基于jQuery實(shí)現(xiàn)的向下滑動(dòng)二級(jí)菜單效果代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的向下滑動(dòng)二級(jí)菜單效果代碼,通過(guò)jquery鼠標(biāo)事件控制針對(duì)頁(yè)面元素的鏈?zhǔn)讲僮鲗?shí)現(xiàn)菜單切換的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-08-08
jquery利用命名空間移除綁定事件的方法
這篇文章主要介紹了jquery利用命名空間移除綁定事件的方法,實(shí)例分析了jQuery命名空間及事件綁定的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解
這篇文章主要介紹了jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解的相關(guān)資料,需要的朋友可以參考下
2016-09-09
jQuery插件simplePagination的使用方法示例
這篇文章主要介紹了jQuery插件simplePagination的使用方法,結(jié)合實(shí)例形式分析了jQuery插件simplePagination實(shí)現(xiàn)表單分頁(yè)相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2020-04-04