学习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中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jquery tmpl模板(实例讲解)
Sep 02 jQuery
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jQuery实现简易QQ聊天框
Feb 10 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
jQuery实现滑动开关效果
Aug 02 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 XML操作的各种方法解析(比较详细)
2010/06/17 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
分享Javascript中最常用的55个经典小技巧
2013/11/29 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
浅谈Angular路由守卫
2017/08/26 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
vue分页器组件编写方法详解
2019/06/28 Javascript
node.js中 redis 的安装和基本操作示例
2020/02/10 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
Python基本语法经典教程
2016/03/11 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
python调用支付宝支付接口流程
2019/08/15 Python
Python制作简易版小工具之计算天数的实现思路
2020/02/13 Python
python 模拟登录B站的示例代码
2020/12/15 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
越南综合购物网站:Lazada越南
2019/06/10 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
医生自荐信
2013/10/11 职场文书
三年级数学教学反思
2014/01/31 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书
PostgreSQL将数据加载到buffer cache中操作方法
2021/04/16 PostgreSQL
Java 关于String字符串原理上的问题
2022/04/07 Java/Android
Python之matplotlib绘制饼图
2022/04/13 Python