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


Posted in Javascript onDecember 23, 2013

为了解决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>
Javascript 相关文章推荐
web前端开发也需要日志
Dec 09 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
JSONP原理及简单实现
Jun 08 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
Vuex的热更替如何实现
Jun 05 Javascript
JavaScript实现音乐播放器
Aug 14 Javascript
js写的评论分页(还不错)
Dec 23 #Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 #Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 #Javascript
jquery实现图片翻页效果
Dec 23 #Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 #Javascript
JS判断对象是否存在的10种方法总结
Dec 23 #Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 #Javascript
You might like
php eval函数用法总结
2012/10/31 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
php输出含有“#”字符串的方法
2017/01/18 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
2007/11/12 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
Nodejs的express使用教程
2015/11/23 NodeJs
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
js实现二级导航功能
2017/03/03 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
python解析模块(ConfigParser)使用方法
2013/12/10 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
企业面试题试卷附带答案
2015/12/20 面试题
监察建议书格式
2014/05/19 职场文书
联片教研活动总结
2014/07/01 职场文书
乡文化站暑期培训方案
2014/08/28 职场文书
高中学生自我评价范文
2014/09/23 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
企业整改报告范文
2014/11/08 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python