避免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直接编辑当前cookie的脚本
Sep 14 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
JavaScript中的this关键字介绍与使用实例
Jun 21 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
javascript中var的重要性分析
Feb 11 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
分享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 8小时时间差的解决方法小结
2009/12/22 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
php 启动时报错的简单解决方法
2014/01/27 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
python3 模拟登录v2ex实例讲解
2017/07/13 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
Python3使用Selenium获取session和token方法详解
2021/02/16 Python
GWT都有什么特性
2016/12/02 面试题
经理管理专业毕业自荐书范文
2014/02/12 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
环卫处个人工作总结
2015/03/04 职场文书
医学生自荐信范文
2015/03/05 职场文书
Mysql如何查看是否使用到索引
2022/12/24 MySQL