让jQuery与其他JavaScript库并存避免冲突的方法

前端技术 2023/09/07 JavaScript
为了解决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>

本文地址：https://www.stayed.cn/item/19880

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案