学习jQuery中的noConflict()用法


Posted in jQuery onSeptember 28, 2018

noConflict()

jQuery使用$符号,作为jQuery的简写

JavaScript框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等

其中一些框架也使用$符号作为简写

如果,用的两种不同的框架,使用相同的简写符号,可能导致脚本停止运行

为此,jQuery提供了noConflict()方法

释放标识符

会释放对$标识符的控制

这样,其他脚本就可以使用了

$.noConflict();

全名代替

使用jQuery全名,代替简写$

jQuery(document).ready(function(){
 jQuery("button").click(function(){
  jQuery("p").text("jQuery 仍然在工作!");
 });
});

创建简写

可以创建自己的简写

noConflict()可以返回对jQuery的引用

把它存入一个变量,之后,使用这个变量,代替$

var jq = $.noConflict();
jq(document).ready(function(){
 jq("button").click(function(){
  jq("p").text("jQuery 仍然在工作!");
 });
});

参数传递

可以把$符号作为变量,传递给ready方法

这样,可以在函数内使用$符号,在函数外,不能使用$

$.noConflict();
jQuery(document).ready(function($){
 $("button").click(function(){
  $("p").text("jQuery 仍然在工作!");
 });
});
jQuery 相关文章推荐
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery实现可以扩展的日历
Dec 01 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 #jQuery
jQuery pjax 应用简单示例
Sep 20 #jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 #jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 #jQuery
jQuery使用each遍历循环的方法
Sep 19 #jQuery
jquery 动态遍历select 赋值的实例
Sep 12 #jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 #jQuery
You might like
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
PHP实现图的邻接矩阵表示及几种简单遍历算法分析
2017/11/24 PHP
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
Python计算程序运行时间的方法
2014/12/13 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
python框架flask表单实现详解
2019/11/04 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
医生实习工作总结的自我评价
2013/09/27 职场文书
电气技术员岗位职责
2013/11/19 职场文书
学校七一活动方案
2014/01/19 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书