DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 讓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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved