让jQuery与其他JavaScript库并存避免冲突的方法
2013-12-23 00:00
417 查看
为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数,为此jQuery提供了如下方法:
将上面的粗体字代码放在JavaScript代码的第一行,这行代码就会取消jQuery的$()函数
注:其实只是取消了jQuery()函数的$()别名,因此我们依然可以使用jQuery来代替原来的$()。
除此之外,多次重复书写jQuery()也是很烦琐的事情,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与其他JavaScript库并存避免冲突的方法
- jQuery noConflict() 方法----与其他javaScript插件冲突时
- jQuery避免$符和其他JS库冲突的方法对比
- jQuery避免$符和其他JS库冲突的方法对比
- 解决jQuery和其他库的冲突方法
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- JQuery选取器与其它JS框架冲突的解决方法 确保jQuery不会与其他库的$对象发生冲突
- 实例讲解避免javascript冲突的方法
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- 避免jQuery名字冲突--noConflict()方法
- 解决jQuery多个版本,与其他js库冲突方法
- jQuery 核心 - noConflict() 方法[避免冲突的方法]
- jquery避免跟其他库冲突
- 函数标识符解决jQuery与其他库冲突的方法
- JQuery的学习:解决jQuery与其他库冲突的方法
- 在jQuery中使用$而避免跟其它库产生冲突的方法
- 遇到jQuery中toggle()与checkbox的冲突,使用其他方法实现同样的效果(工作笔记)
- 解决jQuery和其他JavaScript库中中$()函数的冲突
- jQuery与其他库冲突的解决方法
- jQuery多个版本和其他js库冲突的解决方法