学习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日程管理控件glDatePicker用法详解
Mar 29 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 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+Html+缓存
2006/11/25 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
phpwind放自动注册方法
2006/12/02 Javascript
封装html的select标签的js操作实例
2013/07/02 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
js事件机制----捕获与冒泡机制实例分析
2020/05/22 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
给Python初学者的一些编程技巧
2015/04/03 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
Win8下python3.5.1安装教程
2020/07/29 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
Python基于time模块表示时间常用方法
2020/06/18 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
销售工作人员的自我评价分享
2013/11/10 职场文书
学生打架检讨书大全
2014/01/23 职场文书
超市促销活动方案
2014/03/05 职场文书
小学生倡议书范文
2014/05/13 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
2014年班组建设工作总结
2014/12/01 职场文书