為了解決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>