让jQuery与其他JavaScript库并存避免冲突的方法
更新时间：2013年12月23日 15:24:12 作者：
为了解决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>
复制代码 代码如下:
//取消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>
相关文章
当点击图片时，图片会加红显示。2009-05-05
本篇文章是对jQuery中的折叠面板进行了详细的分析介绍，需要的朋友参考下2013-06-06
下面小编就为大家带来一篇jquery获取复选框的值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了jQuery实现弹幕效果案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了jquery清空input标签的值,清除标签里面的内容,清除input标签的值,可以通过直接将input标签的值设置为空来实现,本文通过示例代码给大家介绍的非常详细,需要的朋友参考下吧2023-10-10
今天发现在使用jquery ajax.post提交数据时会发现数据在ff正常，但在chrome与ie浏览器中post过去的数据全部是乱码2013-11-11
在jquery中自定义函数你会吗？今天抽时间写了几个，个人感觉还不错，喜欢的朋友可以了解下2014-01-01
这篇文章主要介绍了jquery实现的横向二级导航效果代码,可实现鼠标滑过导航出现下拉菜单切换的效果,非常简洁自然,涉及jquery鼠标hover事件及页面元素样式的动态改变技巧,需要的朋友可以参考下2015-08-08
公司网站目前的访问用户中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中设置下拉框时会有以下一些问题2010-04-04
这篇文章主要为大家详细介绍了jQuery表单元素选择器代码实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论