当前位置: 首页 > news >正文

(4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...

In some cases, it may prove useful to use more than one JavaScript library onthe same page. As many libraries make use of the $identifier (as it is short andconvenient), we need a way to prevent collisions between these uses.

在某些场景下,在一个网页上不仅仅使用一个js库可能是很有用的。由于很多库使用$标示符(因为他很短而且很方便),我们需要阻止这些库的冲突。

Fortunately, jQuery provides a method called jQuery.noConflict()to return controlof the $identifier back to other libraries. Typical usage of jQuery.noConflict()is as follows:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
</script>
<script src="myscript.js"></script>
幸运的是,jquery提供了一个叫做jQuery.noConflick()的方法把对$标示符的控制权交给其他的库。jQuery.noConflict()典型的使用方法如下:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
</script>
<script src="myscript.js"></script>
First, the other library (Prototype in this example) is included. Then, jQuery itself isincluded, taking over $for its own use. Next, a call to .noConflict()frees up $, sothat control of it reverts to the first included library (Prototype). Now in our customscript, we can use both libraries—but whenever we want to use a jQuery method, weneed to write jQueryinstead of $as an identifier.

首先,另外一个库被引入(这里用Prototype做例子),然后,jquery自己被引入,拿来$自己使用。接着,调用.noConflict()函数释放$的控制权,于是对$的控制权重新复原到最初被包含的库(Prototype)中。现在我们一般脚本可以使用两个库了,但是无论何时我们想使用一个jquery方法,我们需要写下jQuery作为标示符,而不是$。
The .ready()method has one more trick up its sleeve to help us in this situation.
The callback function we pass to it can take a single parameter: the jQuery objectitself. This allows us to effectively rename it without fear of conflicts, as shown inthe following code snippet:
jQuery(document).ready(function($) {
// In here, we can use $ like normal!
});
Or, using the shorter syntax we learned in the preceding code:
jQuery(function($) {
// Code that uses $.
});

.ready()方法有不仅仅一个方法帮助我们处理这种场景。我们传递给他的回调函数可以拥有一个参数:jquery对象自己。这允许我们有效地重命名他,而不用担心冲突,正如下面的代码展示的那样:
jQuery(document).ready(function($) {
// In here, we can use $ like normal!
});
或者,使用我们在之前的代码中学到的更加简短的语法:

jQuery(function($) {
// Code that uses $.
});

相关文章:

  • (4)事件处理——(7)简单事件(Simple events)
  • 把编程语言比喻为人体
  • Qt5学习之路(vs2012下创建一个QT应用程序)2013-10-14
  • 说说我在家乡山东日照的面试经历以及对家乡互联网产业的一些认识吧
  • mysql实现随机查询
  • SICP 习题 (1.15) 解题总结
  • 编码规范之美.佛语释道
  • 小智慧63
  • 自己写Lucene分词器原理篇——CJKAnalyzer简单讲解
  • 如何建立基于CocoaPods的ReactiveCocoa工程
  • Webservice-XML与Java(五)
  • Java中SimpleDateFormat用法详解
  • Parcelable protocol requires a Parcelable.Creator object called。。。。。
  • MOTOROLA MC40 android系统扫描开发
  • cocos2d-x开启IOS多点触控
  • 【mysql】环境安装、服务启动、密码设置
  • 0x05 Python数据分析,Anaconda八斩刀
  • 2019.2.20 c++ 知识梳理
  • C# 免费离线人脸识别 2.0 Demo
  • exports和module.exports
  • javascript面向对象之创建对象
  • JavaScript学习总结——原型
  • js中forEach回调同异步问题
  • maya建模与骨骼动画快速实现人工鱼
  • Meteor的表单提交:Form
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • NLPIR语义挖掘平台推动行业大数据应用服务
  • PHP 7 修改了什么呢 -- 2
  • python学习笔记-类对象的信息
  • react-native 安卓真机环境搭建
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • text-decoration与color属性
  • Twitter赢在开放,三年创造奇迹
  • 一天一个设计模式之JS实现——适配器模式
  • MyCAT水平分库
  • 说说我为什么看好Spring Cloud Alibaba
  • ​queue --- 一个同步的队列类​
  • # .NET Framework中使用命名管道进行进程间通信
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • (1)(1.11) SiK Radio v2(一)
  • (1)(1.8) MSP(MultiWii 串行协议)(4.1 版)
  • (30)数组元素和与数字和的绝对差
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (二)JAVA使用POI操作excel
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (机器学习-深度学习快速入门)第一章第一节:Python环境和数据分析
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (转)关于多人操作数据的处理策略
  • .NET delegate 委托 、 Event 事件,接口回调
  • .net 怎么循环得到数组里的值_关于js数组
  • .NET/C# 判断某个类是否是泛型类型或泛型接口的子类型
  • .NET开源全面方便的第三方登录组件集合 - MrHuo.OAuth
  • @property python知乎_Python3基础之:property