学习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 dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery实现高级检索功能
May 28 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
jQuery实现电梯导航模块
Dec 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构造函数实例讲解
2013/11/13 PHP
Paypal实现循环扣款(订阅)功能
2017/03/23 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
JavaScript新窗口与子窗口传值详解
2014/02/11 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
js验证上传图片的方法
2015/05/12 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
python k-近邻算法实例分享
2014/06/11 Python
举例区分Python中的浅复制与深复制
2015/07/02 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
python 按不同维度求和,最值,均值的实例
2018/06/28 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
华为c/c++笔试题
2016/01/25 面试题
模具毕业生推荐信
2014/02/15 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL