避免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 自制滚动条的小例子
Mar 16 Javascript
JS操作Cookies的小例子
Oct 15 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
javascript时间函数大全
Jun 30 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
Spring Boot/VUE中路由传递参数的实现代码
Mar 02 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
Vue退出登录时清空缓存的实现
Nov 12 Javascript
angular组件间传值测试的方法详解
May 07 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生成EAN_13标准条形码实例
2013/11/13 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
[40:10]2015国际邀请赛全明星表演赛
2015/08/07 DOTA
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
python字符串过滤性能比较5种方法
2017/06/22 Python
python的多重继承的理解
2017/08/06 Python
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
python实现拓扑排序的基本教程
2018/03/11 Python
python 获取字符串MD5值方法
2018/05/29 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
tensorflow 环境变量设置方式
2020/02/06 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
《维生素c的故事》教学反思
2014/02/18 职场文书
英语教师岗位职责
2014/03/16 职场文书
五四青年节的活动方案
2014/08/20 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
请病假条范文
2015/08/17 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript