学习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中关于bind()方法的使用技巧分享
Mar 30 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jquery实现简单自动轮播图效果
Jul 29 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
第六节 访问属性和方法 [6]
2006/10/09 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
PHP实现文件下载详解
2014/11/27 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
短信提示使用 特效
2007/01/19 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
axios 封装上传文件的请求方法
2018/09/26 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
Python类如何定义私有变量
2020/02/03 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
如何利用python读取micaps文件详解
2020/10/18 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
解决python3输入的坑——input()
2020/12/05 Python
美的官方商城:Midea
2016/09/14 全球购物
加拿大最大的书店:Indigo
2017/01/01 全球购物
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
现金会计岗位职责
2013/12/05 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
电子信息工程自荐信
2014/05/26 职场文书
治安消防安全责任书
2014/07/23 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
小学生安全教育广播稿
2014/10/20 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
未婚证明范本
2015/06/15 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
python APScheduler执行定时任务介绍
2022/04/19 Python