避免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 相关文章推荐
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
JS+CSS实现简易的滑动门效果代码
Sep 24 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
Apr 25 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
JS无限级导航菜单实现方法
Jan 05 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 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源代码
2013/06/26 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
德国2018年度最佳在线药房:Bodfeld Apotheke
2019/11/04 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
PHP面试题大全
2015/10/16 面试题
气象学专业个人求职信
2014/04/22 职场文书
大学生励志演讲稿
2014/04/25 职场文书
高中军训的心得体会
2014/09/01 职场文书
绿色校园广播稿
2014/10/13 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
学校捐款活动总结
2015/05/09 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
python单元测试之pytest的使用
2021/06/07 Python