避免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 相关文章推荐
jQuery 连续列表实现代码
Dec 21 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
jquery remove方法应用详解
Nov 22 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
Apr 28 Javascript
Angular 2.x学习教程之结构指令详解
May 25 Javascript
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 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和ACCESS写聊天室(八)
2006/10/09 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
网页javascript精华代码集
2007/01/24 Javascript
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
vue + elementUI实现省市县三级联动的方法示例
2019/10/29 Javascript
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
解析Python中的__getitem__专有方法
2016/06/27 Python
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
如何解决安装python3.6.1失败
2020/07/01 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
Java中实现多态的机制
2015/08/09 面试题
仓库主管的岗位职责
2013/12/04 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
公司股东出资证明书
2014/11/01 职场文书
施工安全责任协议书
2016/03/23 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
MySQL连表查询分组去重的实现示例
2021/07/01 MySQL