`

JQ Callback 回调函数

阅读更多

Callback 函数在当前动画 100% 完成之后执行。
jQuery 动画的问题
许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。

 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<button>隐藏</button>
<p>我们段落内容,点击“隐藏”按钮我就会消失</p>
<script src="jquery-1.10.1.min.js" ></script>
<script>
//以下实例在隐藏效果完全实现后回调函数:
$(function(){
	$("button").click(function(){
		$("p").hide("slow",function(){
			alert("段落现在被隐藏了");
		});
	});
});
</script>
</body>
</html>

 效果图:

 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<button>隐藏</button>
<p>这是一个段落,内容很少</p>  
<script src="jquery-1.10.1.min.js" ></script>
<script>
//以下实例没有回调函数,警告框会在隐藏效果完成前弹出:
$(function(){
	$("button").click(function(){
		$("p").hide("1000");
		alert("段落现在被隐藏了");
	});
});
</script>
</body>
</html>

 效果图:

 

 

 

 

 

 

 

  • 大小: 16.9 KB
  • 大小: 17.4 KB
分享到:
评论

相关推荐

    浅谈jquery回调函数callback的使用

    回调函数必须是全局函数或者静态函数,不可定义为某个特定的类的成员函数 callback函数在当前动画100%完成之后执行 代码如下: $(“p”).hide(1000); alert&#40;“the paragraph is now hidden”&#41;; &lt;!–未...

    jquery ui bootstrap 实现自定义风格

    //message 提示的信息 ,callback(true/false)回调函数  window.shconfirm = function (message, callback) 回调函数参数为 true/false prompt 邀请用户输入框 代码如下: //message 提示的信息 ,callback(msg)回...

    jquery基础教程之deferred对象使用方法

    通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。 但是,在回调函数方面,jQuery的功能非常弱。为了改变这一点,jQuery开发团队就设计了deferred对象。 简单说,...

    点击出现+1小动画

    tipsBox: function (options) { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;... callback: function () { } //回调函数 }, options);

    使用jQuery监听DOM元素大小变化

    但是又不知道如何为多说的评论按钮增加回调函数,于是乎就想到了根据子元素的大小变化来重新计算父元素的height。 onresize? 平常,都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的...

    使用$.getJSON实现跨域ajax请求示例代码

    url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据。简单示例: 服务器脚本,返回JSON数据: 代码如下: // $.getJSON.php $arr=...

    jQuery做出图片水平垂直滚动切换.zip

    代码片段: var callbackIndex = 0; $('.silder-box-1').mySilder({ ...width:400, //容器的宽度 必选参数!...runEnd:function(){//回调函数 callbackIndex ; $('.cj em').text(callbackIndex); } });

    jquery跨域请求示例分享(jquery发送ajax请求)

    url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例: 服务器脚本,返回JSON数据: 代码如下:// $.getJSON.php$arr=array(...

    jquery数组封装使用方法分享(jquery数组遍历)

    回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略. each遍历,相信都不陌生,在平常的事件处理中,是for循环...

    在jquery中的ajax方法怎样通过JSONP进行远程调用

    dataType:返回的数据类型 jsonp:传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写”...

    jquery中的ajax方法怎样通过JSONP进行远程调用

    dataType:返回的数据类型 jsonp:传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写”...

    MiniPopup:jQuery MiniPopup 插件可帮助您轻松创建自定义弹出窗口

    在弹出窗口打开时调用回调函数。 ###close(callback) 关闭弹出窗口。 在弹出窗口关闭时调用回调函数。 ###选项 ###maskClass 默认值:mini-popup-mask 遮罩层类名称。 ###container 默认值: body 弹出层...

    jquery中动态效果小结

    说明:这个方法可以显示隐藏的元素,其中参数也缺省,即写成show()这种形式 speed —指定显示的速度 有3个参数可以选择 slow ,normal,fast,也可以自己指定数字(单位:毫秒) callback—回调函数 下面是一个简单的...

    jquery.post用法示例代码

    callback:发送成功时回调函数。 type:返回内容格式,xml, html, script, json, text, _default。 代码如下: $.post(‘admin/HhCheckVote.do?ids=’ + ‘${ids}’, {}, function(flag) { if(flag.isVote==”true”){...

    page:一个简单的分页组件

    callback:回调函数 在sass文件中引用样式 @import "components/page/page.css"; 在js文件中引用模块 var page = require('page'); new page({ "id_dom":"pagination", "total":10, "per_page":1, "nowpage":1, ...

    jQuery数组处理详解(含实例演示)

    回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略. each遍历,相信都不陌生,在平常的事件处理中,是for循环的...

    Jquery跨域获得Json的简单实例

    这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法...服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的J

    只选择小时、分的时间插件jquery-timepicker.js

    @author 李凯飞 描述:选择时间组件,先选择小时再选择分钟,只支持00-23小时、00-05-...回调函数的e为源对象。 示例如下: 1 2 3 4 5 $('.time-picker').hunterTimePicker({ callback: function(e){ .... } });

    jQuery中通过ajax的get()函数读取页面的方法

    callback:载入成功时回调函数。 type:返回内容格式,xml, html, script, json, text, _default。 首先建立testGet.php实例: &lt;?php $web = $_GET['webname']; echo "你现在访问的网站是:".$web; ?&gt; 然见建立...

Global site tag (gtag.js) - Google Analytics