让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 相关文章推荐
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
Feb 08 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
vue的传参方式汇总和router使用技巧
May 22 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
Vue中JS动画与Velocity.js的结合使用
Feb 13 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
ES6 Promise对象的含义和基本用法分析
Jun 14 Javascript
基于JS实现快速读取TXT文件
Aug 25 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中使用sockets:从新闻组中获取文章
2006/10/09 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
JS 统计时间
2021/03/09 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
React组件生命周期详解
2017/07/03 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
vue请求服务器数据后绑定不上的解决方法
2019/10/30 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
利用Python实现图书超期提醒
2016/08/02 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
标记环介质访问控制协议
2016/03/27 面试题
群众路线个人剖析材料
2014/10/07 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
新生开学寄语大全
2015/05/28 职场文书
纪录片信仰观后感
2015/06/08 职场文书
学会掌握自己命运的十条黄金法则:
2019/08/08 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书