jQuery中 noConflict() 方法使用


Posted in Javascript onApril 25, 2013

jQuery 和其他 JavaScript 框架
正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。

如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办?

其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

其中某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行。

jQuery 的团队考虑到了这个问题,并实现了 noConflict() 方法。

jQuery noConflict() 方法
noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

实例
当然,您仍然可以通过全名替代简写的方式来使用 jQuery:

$.noConflict();
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 仍在运行!");
  });
});

实例
如果你的 jQuery 代码块使用 $ 简写,并且您不愿意改变这个快捷方式,那么您可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外,依旧不得不使用 "jQuery":
$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍在运行!");
  });
});
Javascript 相关文章推荐
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
js String对象中常用方法小结(字符串操作)
Jan 27 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
jquery自定义表格样式
Nov 23 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
JavaScript中windows.open()、windows.close()方法详解
Jul 28 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 #Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 #Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 #Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 #Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 #Javascript
You might like
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
Node.js学习入门
2017/01/03 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
2017/02/02 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
浅析JS中回调函数及用法
2018/07/25 Javascript
Vue列表渲染的示例代码
2018/11/01 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
python小技巧之批量抓取美女图片
2014/06/06 Python
python的迭代器与生成器实例详解
2014/07/16 Python
3分钟学会一个Python小技巧
2018/11/23 Python
python设置环境变量的原因和方法
2019/06/24 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
完美解决Django2.0中models下的ForeignKey()问题
2020/05/19 Python
本科生个人求职自荐信
2013/09/26 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
应届生简历自我评价
2015/03/11 职场文书
八年级数学教学反思
2016/02/17 职场文书
《桂花雨》教学反思
2016/02/19 职场文书