学习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实现按比例缩放图片的方法
Apr 29 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jquery实现聊天机器人
Feb 08 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 21 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实现二分查找算法代码分享
2011/06/24 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
python有证书的加密解密实现方法
2014/11/19 Python
python实现的分层随机抽样案例
2020/02/25 Python
Python用户自定义异常的实现
2020/12/25 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
css3实现针线缝合效果(图解步骤)
2013/02/04 HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
2017/08/18 HTML / CSS
制定岗位职责的原则
2013/11/08 职场文书
九年级家长会邀请函
2014/01/15 职场文书
3的组成教学反思
2014/04/30 职场文书
教师党员岗位承诺书
2014/05/29 职场文书
小学中队长竞选稿
2015/11/20 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
导游词之阆中古城
2019/12/23 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js
压缩Redis里的字符串大对象操作
2021/06/23 Redis
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript