jQuery的回调支持

1.前言

jQuery提供了以下方法来创建Callbacks对象。

jQuery.Callbacks(flags):根据创建的flags创建并返回Callsbacks对象,Callbacks对象代表一个回调函数列表。

得到回调函数列表之后,就接下来可以利用该回调函数列表来管理回调函数了。

2.例子

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 回调支持 </title>
</head>
<body>
<script type="text/javascript" src="../jquery-1.8.0.js">
</script>
<script type="text/javascript">
	// 定义两个简单的函数
	function fn1(value)
	{
		document.writeln("fn1函数输出:" + value + "<br />");
	}
	function fn2(value)
	{
		document.writeln("fn2函数输出:" + value + "<br />");
		return false;
	}
	// 创建一个回调函数列表
	var callbacks = $.Callbacks();
	// 向回调函数列表中添加第一个回调函数
	callbacks.add(fn1);
	// 触发回调函数列表中的所有回调函数(只有fn1被触发)
	callbacks.fire("Ajax");
	// 再次向回调函数列表中添加一个回调函数
	callbacks.add(fn2);
	document.writeln("<hr/>");
	// 触发回调函数列表中的所有回调函数(fn1、fn2被触发)
	callbacks.fire("~~Java~~");
	// 从回调函数列表中删除fn1函数
	callbacks.remove(fn1);
	document.writeln("<hr/>");
	// 触发回调函数列表中的所有回调函数(只有fn2被触发)
	callbacks.fire("fkjava.org");
</script>
</body>
</html>

3.执行结果

时间: 2024-08-11 08:32:53

jQuery的回调支持的相关文章

jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?

1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML.在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本.随后服务器端返回的数据会根据这个值解析后,传递给回调 函数.可用值: •"xml": 返回

PHP+jQuery.photoClip.js支持手势的图片裁剪上传实例

PHP+jQuery.photoClip.js支持手势的图片裁剪上传实例,在手机上双指捏合为缩放,双指旋转可根据旋转方向每次旋转90度,在电脑上鼠标滚轮为缩放,双击则顺时针旋转90度. 下面让我们来看看核心代码: post的是base64,后端处理base64转存图片. 1 $("#clipArea").photoClip({ 2 width: 200, 3 height: 200, 4 file: "#file", 5 view: "#view"

JQuery的异步回调支持 - Promise、Deferred

1.Deferred对象: 一般在函数内部进行声明,并在运行过程中改变其状态,例如成功或失败,最终返回Promise对象用于状态监听. 主要方法: Deferred.resolve(param...) :执行成功,将会触发Promise对象的done回调方法.Deferred.reject(param...) :执行失败,将会触发Promise对象的fail回调方法.Deferred.notify(param...) :正在执行,将会触发Promise对象的progress回调方法.Deferr

JQuery html API支持解析执行Javascript脚本功能实现-代码分析

JQuery html用法(功能类似innerHTML) 开发中需要使用Ajax技术来更新页面局部区域, 使用的方法是ajax获取html代码段(字符串),然后将这个html代码段作为参数,传入目标DOM(JQuery对象)的JQuery html接口,此语句执行后, 会将html代码段解释执行, 显示出html代码段描述的页面控件. 例如: <html> <head> <script type="text/javascript" src="./

jQuery的回调对象Callbacks分析

Callbacks在jQuery中的地位是Deferred的基础,当然,也对外公开其方法. Callbacks对象是统一管理多个函数的利器.其核心是参数options中的几个状态码的任意组合,非常灵活. 先来看看options once: 只触发一次回调 memory: 如果是触发后状态,add后立即触发 unique: 添加相同回到函数,只触发其中一个 stopOnFalse: 回调中遇到return false, 后面都不执行. 首先是: list = [] 我们的工作就是在维护这个list

让jquery.tmpl.js支持index序号

在写Web程序时,想简单处理会使用JS模板,常用的是Jquery的jquery.tmpl.js插件.整个插件还是比较好用的,后续有机会结合实际应用案例,分享下应用方法. 本次文章想分享的一点是其中的一个很小的细节:支持行标index. 具体的使用场景是:通过表格展示数据,同时第一列为序号,会存在删除.新增行的按钮操作. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="../_common/jquery

JQuery对象操作支持链式法则源码分析

JQuery链式法则 何为链式法则?先给出非链式写法的例子 //非链式写法 $("div").css("width", 45px); $("div").css("height", 45px); 再给出链式写法的例子 //链式写法 $("div").css("width", 45px).css("height", 45px); JQuery实现元素的定位与操作,如果每一

jQuery之回调对象

1. jQuery 1.7 版本中新增的 jQuery.Callbacks() 函数返回一个全能的对象,此对象对管理回调列表提供了强大的方式.它能够增加.删除.触发.禁用回调函数. 2. callbacks.add()方法:回调列表中添加一个回调或回调集合.如下代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <s

jquery/js不支持ie9以下版本的方法或属性

1.jquery的trim()去除字符串两边的空格,在ie5~8中不支持此方法.若想替换字符串所有的空格看使用replace()正则替换: var date=" 2014-1 0-  15 "; date=date.replace(/\s/g,""); 其中\s表示空格,g代表全局,即这个字符串里的全部空格. 2.js之getElementByClassName() 此方法不支持ie5~8,如果允许使用jquery的话,可使用class选择器:$(".cl