让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>
相关文章
对于每一个网站前端开发人员，常常都会遇到设置div透明度的需求，比如在实现图片幻灯片切换效果经常就需要使图片淡入淡出。本文分别对原生js和jQuery在IE和其它浏览器中设置透明度的方法和相关注意事项进行总结。2016-05-05
这篇文章主要介绍了使用jquery实现的鼠标放上去显示悬浮层即弹出定位的div层,需要的朋友可以参考下2014-04-04
本文给大家分享一段基于jQuery简单实现的网页选项卡代码，非常简单实用，这里推荐给小伙伴们。2014-11-11
下面小编就为大家带来一篇基于DOM节点删除之empty和remove的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
本篇文章小编为大家介绍JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以参考一下2013-04-04
从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。也就是说虽然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3库以上的.还是可以 在非HTML5的页面或浏览器里, 仍然可以使用.data(obj)方法来操作"data-*" 数据.2014-08-08
这篇文章主要介绍了基于jQuery实现的向下滑动二级菜单效果代码,通过jquery鼠标事件控制针对页面元素的链式操作实现菜单切换的功能,非常简单实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery利用命名空间移除绑定事件的方法,实例分析了jQuery命名空间及事件绑定的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery中JSONP的两种实现方式详解的相关资料,需要的朋友可以参考下2016-09-09
jQuery插件simplePagination的使用方法示例
这篇文章主要介绍了jQuery插件simplePagination的使用方法,结合实例形式分析了jQuery插件simplePagination实现表单分页相关操作技巧与注意事项,需要的朋友可以参考下2020-04-04
最新评论