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