学习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 22 jQuery
关于jquery中attr()和prop()方法的区别
May 28 jQuery
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jquery实现抽奖功能
Oct 22 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 flush类输出缓冲剖析
2008/10/19 PHP
php下HTTP Response中的Chunked编码实现方法
2008/11/19 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
js控制input输入字符解析
2013/12/27 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
jQuery中prepend()方法用法实例
2014/12/25 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
Python中apply函数的用法实例教程
2014/07/31 Python
简单介绍Ruby中的CGI编程
2015/04/10 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
2020/05/07 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
FC-Moto西班牙:摩托车手最大的购物场所之一
2019/04/11 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS