让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实现检测指定目录是否存在的方法
Jan 12 Javascript
jQuery.ajax 用户登录验证代码
Oct 29 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
js运动框架_包括图片的淡入淡出效果
May 11 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
JavaScript中变量、指针和引用功能与操作示例
Aug 04 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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 Mysql编程之高级技巧
2008/08/27 PHP
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JavaScript合并两个数组并去除重复项的方法
2015/06/13 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
详解JavaScript树结构
2017/01/09 Javascript
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
vue移动端弹框组件的实例
2018/09/25 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
详解node.js 事件循环
2020/07/22 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
python实现简单的TCP代理服务器
2014/10/08 Python
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
python删除列表中重复记录的方法
2015/04/28 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
Java基础面试题
2014/07/19 面试题
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
公司培训心得体会
2014/01/03 职场文书
在校生自我鉴定
2014/01/23 职场文书
党员一句话承诺大全
2014/03/28 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
应急处置方案
2014/06/16 职场文书