学习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实现简单实用的轮播器
May 23 jQuery
jQuery导航条固定定位效果实例代码
May 26 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
详解jQuery-each()方法
Mar 13 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 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创建无限级树型菜单
2015/11/05 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
AngularJS快速入门
2015/04/02 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
python 文件与目录操作
2008/12/24 Python
跟老齐学Python之有容乃大的list(4)
2014/09/28 Python
详解Python中break语句的用法
2015/05/14 Python
利用Python获取操作系统信息实例
2016/09/02 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
安全生产责任书范本
2014/04/15 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
三年级学生期末评语
2014/12/26 职场文书
业务员岗位职责范本
2015/04/03 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
开学随笔
2015/08/15 职场文书
《牧场之国》教学反思
2016/02/22 职场文书