学习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插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
JQuery复选框全选效果如何实现
May 08 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 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
基于mysql的bbs设计(一)
2006/10/09 PHP
PHP新手上路(二)
2006/10/09 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
js 操作符实例代码
2009/10/24 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
jquery+css实现下拉列表功能
2017/09/03 jQuery
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
Django学习笔记之Class-Based-View
2017/02/15 Python
python 拷贝特定后缀名文件,并保留原始目录结构的实例
2018/04/27 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
女士鞋子、包包和服装在线,第一款10美元:ShoeDazzle
2019/07/26 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
学习交流会主持词
2014/04/01 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
企业务虚会发言材料
2014/10/20 职场文书
售房协议书范本2014
2014/10/23 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
单位租车协议书
2015/01/29 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
开学典礼观后感
2015/06/15 职场文书
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
 分享一个Python 遇到数据库超好用的模块
2022/04/06 Python
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS