让jQuery与其他JavaScript库并存

来源：互联网发布：连战夫人面相知乎编辑：程序博客网时间：2024/06/08 09:04

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

0 0