让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 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
css配合jquery美化 select
Nov 29 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
详解JavaScript树结构
Jan 09 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 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
mysql建立外键
2006/11/25 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
php生成excel列序号代码实例
2013/12/24 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
php构造函数与析构函数
2016/04/23 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
use jscript List Installed Software
2007/06/11 Javascript
JavaScript面向对象编程
2008/03/02 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
JS实现带阴历的日历功能详解
2019/01/24 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
Python装饰器原理与基本用法分析
2020/01/07 Python
Python新手如何理解循环加载模块
2020/05/29 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
北大青鸟学生求职信
2013/09/24 职场文书
2014年社区庆元旦活动方案
2014/03/08 职场文书
房地产活动策划方案
2014/05/14 职场文书
李敖北大演讲稿
2014/05/24 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
色戒观后感
2015/06/12 职场文书
运动会致辞稿
2015/07/29 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
高中信息技术教学反思
2016/02/16 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
Nginx报404错误的详细解决方法
2022/07/23 Servers