jQuery Callback函数的用法

在动画100%完成后,调用callback函数

语法如下

$(selector).hide(speed, callback);

        <!-- html部分 -->
	<button>点击我</button>
	<p>如果你想在一个涉及动画的函数之后来执行语句,请使用callback函数</p>            

       //js部分
        $("button").click(function(){
			$("p").hide(1000,function(){
				alert("段落消失我就弹出来")
			})

			// 不用callback函数会先弹出对话框
			$("p").hide(1000);
			alert("段落消失我就弹出来");
	})

  

时间: 2024-10-10 21:05:24

jQuery Callback函数的用法的相关文章

JavaScript强化教程——jQuery Callback 函数

本文为 H5EDU 机构官方 HTML5培训HTML5培训 教程,主要介绍:JavaScript强化教程 -- jQuery Callback 函数 Callback 函数在当前动画 100% 完成之后执行. jQuery 动画的问题许多 jQuery 函数涉及动画.这些函数也许会将 speed 或 duration 作为可选参数.例子:$("p").hide("slow")speed 或 duration 参数可以设置许多不同的值,比如 "slow&qu

jQuery 停止动画、jQuery Callback 函数、jQuery - Chaining

一.jQuery 停止动画 jQuery stop() 方法用于在动画或效果完成前对它们进行停止. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. $(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列.默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行. 可选的 goToEnd 参数规定是否立即完成当前动画.默认是 false. 因此,默认地,stop() 会清除在被

jQuery Callback 函数

Callback 函数在当前动画 100% 完成之后执行. 由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成,为了避免这个情况,您可以以参数的形式添加 Callback 函数. 当动画 100% 完成后,即调用 Callback 函数. 典型的语法: $(selector).hide(speed,callback) callback参数是一个在 hide 操作完成后被执行的函数. 例如: $("p").hid

jQuery.extend 函数各种用法

JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解.      一.Jquery的扩展方法原型是:  extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的.如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:   var n

如何跳出当前jquery.each()函数循环

如何跳出当前jquery.each()函数循环:关于jquery.each()函数的用法这里不多做介绍,更多内容可以参阅下面两篇文章:1.jquery.each()函数可以参阅jQuery.each()方法一章节.2.each()函数可以参阅jQuery的each()方法一章节. 但是在实际应用中,我们可能并不需要遍历完整个数组或者对象,而是根据一定的条件跳出当前的循环或者整个循环,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html>

Web开发技术&mdash;&mdash;JQuery6(Callback函数、Chaning)

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

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象;二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素 三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象.四:$(自定义对象)封装普通对象为jQuery对象.五:$(回调函数)绑定ready事件监听函数,当Dom加载完成时执行.六:$(jQuery对象)接受一个jQuery对象,返回一个j

jQuery中$()函数的7种用法汇总

前言 jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法.它把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口.其中我们用的非常频繁的一个函数是$()或者说是jQuery(),当我们调用他的时候会根据传入的参数的不同而达到不同的效果. 接下来会一一说一下这7中用法,欢迎大家指正其中不正确的地方. 简要的说是:接收一个css选择器表达式(selector)和可选的选择器上下文(context),返回一个包含了匹配的DOM元素的jQuer

jQuery is()函数用法3例

这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的,能不能用好直接决定你的代码是否高效,需要的朋友可以参考下. jQuery提供了is()方法可以很方便的判断元素是否可见,是否隐藏,是否选中. 一.判断元素是否隐藏 如下html中的div元素是隐藏的: 代码如下: <!doctype html> <html> <head> <script src="http://ajax.microsoft.com/ajax