避免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 相关文章推荐
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
jquery ui对话框实例代码
May 10 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
js实现下拉菜单效果
Mar 01 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
php str_pad 函数使用详解
2009/01/13 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
php实现将数组转换为XML的方法
2015/03/09 PHP
一个简单的php路由类
2016/05/29 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
javascript实现拖放效果
2015/12/16 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
比较详细Python正则表达式操作指南(re使用)
2008/09/06 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
python中的break、continue、exit()、pass全面解析
2017/08/05 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
Python通过文本和图片生成词云图
2020/05/21 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
幼儿教师个人求职信范文
2013/09/21 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
南极大冒险观后感
2015/06/05 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python