为了解决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>