让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压缩工具下载集合
Mar 06 Javascript
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
php+ajax+jquery实现点击加载更多内容
May 03 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
基于JavaScript实现div层跟随滚动条滑动
Jan 12 Javascript
实现高性能JavaScript之执行与加载
Jan 30 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
vue实现标签云效果的示例
Nov 09 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
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
深入浅出学习python装饰器
2017/09/29 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
详解python中的index函数用法
2019/08/06 Python
如何基于python实现脚本加密
2019/12/28 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
HTML5注册页面示例代码
2014/03/27 HTML / CSS
中科软测试工程师面试题
2012/06/16 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
电子信息专业学生自荐信
2013/11/09 职场文书
2014年教师节演讲稿范文
2014/09/10 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
土地转让协议书
2014/09/27 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
Mysql数据库group by原理详解
2022/07/07 MySQL