首頁 > 開發者 > JavaScript
讓jQuery與其他JavaScript庫並存避免衝突的方法
為瞭解決jQuery和其他JavaScript庫中$()函數的衝突，需要取消jQuery的$()函數，下面有個不錯的方法，感興趣的朋友可以參考下
為瞭解決jQuery和其他JavaScript庫中$()函數的衝突，需要取消jQuery的$()函數，為此jQuery提供了如下方法：
代碼如下:
//取消jQuery中的$()函數
jQuery.noConflict() ;
將上面的粗體字代碼放在JavaScript代碼的第一行，這行代碼就會取消jQuery的$()函數
註：其實只是取消了jQuery()函數的$()別名，因此我們依然可以使用jQuery來代替原來的$()。
除此之外，多次重複書寫jQuery()也是很煩瑣的事情，jQuery還允許開發人員為jQuery()指定自己的別名，如下代碼所示：
代碼如下:
<body>
<div id="lee"></div>
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript">
//給jQuery()函數指定別名為lee
var lee = jQuery.noConflict() ;
var target = lee("#lee")
target.html("我要學習JQuery")
.height(60)
.width(160)
.css("border" , "2px solid black")
.css("background-color" , "#ddddff")
.css("padding" , 20) ;
</script>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
