避免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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
IE的fireEvent方法概述及应用
Feb 22 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
javascript中数组方法汇总
Jul 07 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 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 empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php生成短域名函数
2015/03/23 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
laravel Validator ajax返回错误信息的方法
2019/09/29 PHP
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
IE 下的只读 innerHTML
2009/08/21 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
从头学Python之编写可执行的.py文件
2017/11/28 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
绩效管理实施方案
2014/03/19 职场文书
安全教育片观后感
2015/06/17 职场文书
庆元旦主持词
2015/07/06 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书