避免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 对象的定义方法
Jan 10 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
Dec 10 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
Vue单文件组件开发实现过程详解
Jul 30 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在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
js, jQuery实现全选、反选功能
2017/03/08 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛 DT VS HGT
2014/05/22 DOTA
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
用python登录Dr.com思路以及代码分享
2014/06/25 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
用Django写天气预报查询网站
2018/10/21 Python
Python转换时间的图文方法
2019/07/01 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
django的auth认证,authenticate和装饰器功能详解
2019/07/25 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
中专生的个人自我评价
2013/12/11 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
安全环保标语
2014/06/09 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
vue backtop组件的实现完整代码
2021/04/07 Vue.js
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js
在Oracle表中进行关键词搜索的过程
2022/06/10 Oracle
Go结合Gin导出Mysql数据到Excel表格
2022/08/05 Golang