避免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 相关文章推荐
js控制表单奇偶行样式的简单方法
Jul 31 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 Javascript
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
vue实现购物车加减
May 30 Javascript
全面解析JavaScript Module模式
Jul 24 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
分享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中长文章分页显示实现代码
2012/09/29 PHP
PHP实现仿Google分页效果的分页函数
2015/07/29 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
python3.5使用tkinter制作记事本
2016/06/20 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
Python GUI编程 文本弹窗的实例
2019/06/11 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
Python图像读写方法对比
2020/11/16 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
英文简历自荐信范文
2013/12/11 职场文书
小学教师师德反思
2014/02/03 职场文书
给老师的一封建议书
2014/03/13 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
周年庆典答谢词
2015/01/20 职场文书
违纪开除通知书
2015/04/25 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
JavaScript 数组去重详解
2021/09/15 Javascript