学习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实现全选、全不选以及单选功能
Mar 23 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery实现简单拖拽效果
Jul 20 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
JavaScript中的各种操作符使用总结
2016/05/26 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
Python探索之URL Dispatcher实例详解
2017/10/28 Python
django ajax json的实例代码
2018/05/29 Python
Python数据集切分实例
2018/12/08 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
Python pymsql模块的使用
2020/09/07 Python
Django配置跨域并开发测试接口
2020/11/04 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
DAWGS鞋官方网站:鞋,凉鞋,靴子
2016/10/04 全球购物
拉夫劳伦爱尔兰官方网站:Ralph Lauren爱尔兰
2020/04/10 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
法律专业学生的自我评价
2014/02/07 职场文书
实习指导老师评语
2014/04/26 职场文书
电力安全事故反思
2014/04/27 职场文书
走近毛泽东观后感
2015/06/04 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书