避免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 相关文章推荐
理解Javascript_02_理解undefined和null
Oct 11 Javascript
js 利用className得到对象的实现代码
Nov 15 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
四十九个javascript小知识实用技巧
Nov 20 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
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
php强制下载文件函数
2016/08/24 PHP
PHP面向对象之领域模型+数据映射器实例(分析)
2017/06/21 PHP
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
js 幻灯片的实现
2011/12/06 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
js html实现计算器功能
2018/11/13 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
CentOS安装pillow报错的解决方法
2016/01/27 Python
SVM基本概念及Python实现代码
2017/12/27 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
python利用7z批量解压rar的实现
2019/08/07 Python
如何运行带参数的python脚本
2019/11/15 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
python 用struct模块解决黏包问题
2020/11/07 Python
Python图像读写方法对比
2020/11/16 Python
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
会计电算化应届生求职信
2013/11/03 职场文书
活动邀请函范文
2014/01/19 职场文书
高中毕业自我评价
2014/02/08 职场文书
贷款担保申请书
2014/05/20 职场文书
整改通知书
2015/04/20 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
总结Java对象被序列化的两种方法
2021/06/30 Java/Android