萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 讓jQuery與其他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>   
copyright © 萬盛學電腦網 all rights reserved