学习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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
jQuery 动态粒子效果示例代码
Jul 07 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
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
JQuery浮动DIV提示信息并自动隐藏的代码
2010/08/29 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
django框架forms组件用法实例详解
2019/12/10 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
护士自我评价范文
2014/01/25 职场文书
制作部班长职位说明书
2014/02/26 职场文书
初二学习计划书范文
2014/04/27 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
办公室日常管理制度
2015/08/04 职场文书
妇联2016年六一国际儿童节活动总结
2016/04/06 职场文书
浅谈MySQL中的六种日志
2022/03/23 MySQL
详解如何使用Nginx解决跨域问题
2022/05/06 Servers