jQuery Callback 函数

最新推荐文章于 2023-11-17 06:18:28 发布
最新推荐文章于 2023-11-17 06:18:28 发布
阅读量747 收藏
点赞数
文章标签： javascript jquery callback

Query Callback 函数

当动画 100% 完成后，即调用 Callback 函数。

典型的语法：

$(selector).hide(speed,callback)

callback 参数是一个在 hide 操作完成后被执行的函数。

错误（没有 callback）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js"></script>
<script>

	$(document).ready(function(){
		$("button").click(function(){
			$("p").hide(1000);
				alert("现在隐藏段落！")
			
		})
	})
</script>
</head>

<body>
<button type="button">Hide</button>
<p>内容内容</p>

</body>
</html>

效果图：



正确（有 callback）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js"></script>
<script>

	$(document).ready(function(){
		$("button").click(function(){
			$("p").hide(function(){
				alert("现在隐藏段落！")
			})
		})
	})
	
	
</script>
</head>

<body>
<button type="button">Hide</button>
<p>内容内容</p>

</body>
</html>
效果图：



结论：如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数。


依然那么楞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Callback 方法
12-14
jQuery Callback 方法 Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子：$(“p”).hide(“slow”) speed 或 ...
jQuery 回调函数（callback）的使用和基础
10-24
主要介绍了jQuery 回调函数（callback）的使用和基础,需要的朋友可以参考下
理解和使用 JavaScript 中的回调函数
热门推荐
阳光日志
11-25 7万+
原文：http://javascriptissexy.com/在JavaScrip中，function是内置的类对象，也就是说它是一种类型的对象，可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象，它可以“存储在变量中，通过参数传递给(别一个)函数(function)，在函数内部创建，从函数中返回结果值”。因为func
jQuery的callback函数
AnitaSun的博客
04-27 867
基本使用 ```js // 基本使用 function aaa(){ alert(1); } function bbb(){ alert(2); } var cb = $.Callbacks(); cb.add(aaa); cb.add(bbb); cb.fire(); //------------------------------- var cb = $.Callbacks(); function aaa(){ alert(1); } cd.add(aaa); (functi
【前后端交互】基础知识点------下
Primary_Insist的博客
10-19 252
目录 一、同源策略和跨域 Ⅰ.JSONP Ⅱ.CORS 二、防抖和节流 三、http协议 HTTP请求消息 HTTP响应消息 一、同源策略和跨域 同源： 如果两个页面的协议，域名，端口都相同，则两个页面具有相同的源 如果没有写端口，则默认是80 同源策略 是浏览器提供的一个安全功能 通俗理解： 浏览器规定：A网站的js，不允许和非同源的网站C之间进行资源的交互 ①无法读取非同源网站的cookie...
jQuery 回调函数(Callback)
GZXGYZ的博客
11-17 288
JavaScript语句逐行执行。但是，由于jQuery效果需要一些时间才能完成，因此下一个代码行可能会在前一个效果仍在运行时执行。为了防止这种情况的发生，jQuery为每个效果方法提供了一个回调函数。回调函数作为效果方法的参数传递，它们通常显示为方法的最后一个参数。alert("该段落现已隐藏");// 效果完成后要执行的代码。当前效果完成后，将执行回调函数。
jQuery数组处理函数整理
10-21
在处理数组方面，jQuery也提供了丰富的函数，帮助开发者更高效地操作数组。以下是对这些函数的详细解释： 1. **$.trim(value)**: 这个函数用于去除字符串两端的空白字符，包括空格、制表符和换行符。在处理数组时，...
浅谈jquery回调函数callback的使用
10-24
主要简单介绍了jquery回调函数callback的使用,需要的朋友可以参考下
jQuery each函数源码分析
10-22
在jQuery 1.4.2的源码中，`each`函数接收三个参数：需要遍历的对象或数组（`object`），处理回调函数（`callback`）以及可选的回调函数附加参数（`args`）。`each`函数会根据`object`的类型（数组或对象）来决定如何...
js跨域的解决方案
muzidigbig的博客
05-15 1万+
指的是浏览器不能执行其他网站的脚本，简单来说是浏览器同源政策的限制，浏览器针对于的限制。两个页面拥有相同的协议，端口，域名就是同源，如果有一个不相同就是不同源。保护用户，防止一些网站盗取用户信息。 1、通过jsonp跨域 2、跨域资源共享（CORS） 3、document.domain + iframe跨域 4、location.hash + iframe 5、window.name + iframe跨域 6、postMessage跨域 7、nginx代理跨域 8、nodejs中间件代理跨域（非vue、v
最原生的jsonp请求
蜗牛的博客
08-23 827
废话不多直接上代码，关键点都在注释中。 1、前端的html代码 注意观看sctipt标签路径的样子 //前端代码 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&amp
jQuery的Callback()方法
天高任鸟飞
07-22 2786
callback() 回调函数 在当前动画100%完成之后执行 许多jQuery函数涉及动画，这些函数会将speed或duration作为可选参数 speed或duration参数可以设置许多不同的值，比如”slow”,”fast”,”normal”或毫秒 $(“p”).hide(“slow”) 使用回调函数 完全实现后，回调函数 $("button").click(functio...
jquery中$.Callback的解析认识
呐呐呐
08-28 1211
用法 观察者模式: 添加完后统一触发。 function aaa(){ alert(1); } function bbb(){ alert(2); } var cb= $.Callbacks(); cb.add(aaa); cb.add(bbb); cb.fire(); 好处，应用场景。 要统一的管理aaa和bbb。有时候如下，很难对不同作用域下的函数进行统一管理。 fu...
jQuery中Callback函数
Martix
12-06 131
Callback函数在当前动画100完成之后执行。 因为：由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。 为了避免这个情况，您可以以参数的形式添加 Callback 函数。 示例： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"...
jQuery学习（八）效果——callback
行成于思毁于随
05-01 579
由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。 为了避免这个情况，您可以以参数的形式添加 Callback 函数。 jQuery Callback 函数 当动画 100% 完成后，即调用 Callback 函数。 典型的语法： $(selector).hide(speed,cal
【jQuery 教程】jQuery Callback 函数
☞ 刘小文的专栏
05-04 672
jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子：$("p").hide("slow")speed 或 duration 参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。实例$("button").click(function(){$("p").hide(1000);});由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画
query:callback
weixin_30751947的博客
11-01 448
function getName(callback) { setTimeout(function() { callback('Aaron') }, 1000) } //等待callback回调 getName(function(name) { // alert(name) }) 转载于:https://www.cnblogs.com/hualuoshuijia...
jquery callback
最新发布
05-17
jQuery callback 是一种常见的 JavaScript 编程模式，用于处理异步操作的结果。当一个异步操作完成时，可以调用一个回调函数来处理结果。通常回调函数作为参数传递给异步操作，以便异步操作完成时调用该函数。 在 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值