让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 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
javascript getElementsByClassName函数
Apr 01 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
JS分割字符串并放入数组的函数
Jul 04 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
JavaScript实现多球运动效果
Sep 07 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
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
用JavaScript显示随机图像或引用
2009/04/21 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
js获取URL的参数的方法(getQueryString)示例
2013/09/29 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
JavaScript事件委托的技术原理探讨示例
2014/04/17 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
很棒的js选项卡切换效果
2016/07/15 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python采集博客中上传的QQ截图文件
2014/07/18 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
俄罗斯品牌服装和鞋子在线商店:BRIONITY
2020/03/26 全球购物
空指针到底是什么
2012/08/07 面试题
装饰工程师岗位职责
2014/06/08 职场文书
党员公开承诺书2015
2015/01/21 职场文书
大学生党员个人总结
2015/02/13 职场文书
管理失职检讨书范文
2015/05/05 职场文书
大学推普周活动总结
2015/05/07 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
详解pytorch创建tensor函数
2022/03/22 Python