避免jQuery名字冲突 noConflict()方法


Posted in Javascript onJuly 30, 2016

众所周知,在jQuery语法中,$符号是jQuery的简写方式。但在某些情况下,可能需要在同一个页面引入其他javascript库(比如Prototype)。因为$简短方便,很多的库也是使用$符号。为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库。

一般模式:

<script src="prototype.js"></script>//1.包含jQuery之外的库(比如Prototype)
<script src="jquery.js"></script>//2.包含jQuery库取得对$的使用权
<script>
  jQuery.noConflict();//3.调用noConflict()方法,让出$,把控制权让给最先包含的库
</script>
<script src="myscript.js"></script>

让出$控制权后,需要使用jQuery方法时,则不能用$来调用了,要用jQuery。或者通过定义新的名称来代替$符号。

var jq=jQuery.noConflict(); 

另外还有一个技巧,可以再.ready()方法中使用$。它的回调函数可以接收一个参数,这个参数为jQuery对象本身,可以重新命名jQuery为$,这样也是不会造成冲突的。

jQuery.(document).ready(function($){
  //这里可以正常使用$ 
})

当然,简写方式也是可以的

jQuery(function($){
  //这里可以正常使用$ 
})

以上就是本文的全部内容,希望对大家学习jquery避免冲突方法有所帮助。

Javascript 相关文章推荐
javascript concat数组累加 示例
Sep 03 Javascript
Jquery 弹出层插件实现代码
Oct 24 Javascript
JavaScript类和继承 prototype属性
Sep 03 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 Javascript
分享jQuery封装好的一些常用操作
Jul 28 #Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 #Javascript
利用JS实现数字增长
Jul 28 #Javascript
灵活使用数组制作图片切换js实现
Jul 28 #Javascript
AngularJS 中文API参考手册
Jul 28 #Javascript
AngularJS 简单应用实例
Jul 28 #Javascript
AngularJS 路由详解和简单实例
Jul 28 #Javascript
You might like
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
JQuery1.8 判断元素是否绑定事件的方法
2014/07/10 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
原生js实现淘宝放大镜效果
2020/10/28 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
python使用tornado实现登录和登出
2018/07/28 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
Opencv求取连通区域重心实例
2020/06/04 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
CSS3颜色值RGBA与渐变色使用介绍
2020/03/06 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
请说出几个常用的异常类
2013/01/08 面试题
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
工作中个人的自我评价
2013/12/31 职场文书
英文留学推荐信范文
2014/01/25 职场文书
管理工程专业求职信
2014/08/10 职场文书
青年志愿者活动方案
2014/08/17 职场文书
《中国梦我的梦》小学生演讲稿
2014/08/20 职场文书
团员个人总结
2015/02/26 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers