让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 相关文章推荐
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
javascript跨域的4种方法和原理详解
Apr 08 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
Sep 04 Javascript
Angular简单验证功能示例
Dec 22 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
Aug 30 Javascript
vue实现树状表格效果
Dec 29 Vue.js
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+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
深入PHP运行环境配置的详解
2013/06/04 PHP
php cli换行示例
2014/04/22 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
JavaScript 继承使用分析
2011/05/12 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
详解Python if-elif-else知识点
2018/06/11 Python
python实现名片管理系统
2018/11/29 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
《与朱元思书》的教学反思
2014/04/17 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
法律进社区活动总结
2015/05/07 职场文书
新闻通讯稿范文
2015/07/22 职场文书
基于Redis的List实现特价商品列表功能
2021/08/30 Redis