jQuery: 如何使用回调函数
发布网友
发布时间：2022-04-24 09:57
共3个回答
懂视网
时间：2022-04-22 16:17
回调函数指的是在jQuery动画完成之后所要执行的函数，它是一种参数传递的效果方法
JavaScript语句逐行执行，但是由于jQuery的效果的实现需要一些时间才能完成，所以下一行代码很可能会在前一个效果仍在运行使执行，所以为了防止这种情况的发生，jQuery会为每个效果方法提供了一个回调函数。接下来将在文章中具体为大家讲解回调函数是什么以及如何实现回调函数。
【推荐课程：jQuery教程】
回调函数的含义：
回调函数又称为callback函数，它是在当前动画100%完成之后执行的。回调函数是一种参数传递的效果方法，它们一般情况下显示为方法的最后一个参数。
例：slideToggle()带有回调函数的jQuery 效果方法的基本语法如下所示：
$（selector）.slideToggle（duration，callback）;
比如现在将slideToggle()动画和alert()语句放在一起。看页面会出现什么样的效果
<style type="text/css">
h1{
background:pink;
color:#fff;
padding:20px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("h1").slideToggle("slow");
alert("滑动效果已完成");
});
});
</script>
</head>
<body>
<h1>PHP中文网</h1>
<button type="button">点击</button>
</body>效果图如下：
当我们点击按钮时会弹出一个框，点击确认时h1元素消失，再次点击按钮及确认时，h1出现。我们会发现触发按钮后会立即显示弹出框，而未等待幻灯片切换效果完成
回调函数的用法：
将alert()语句放置到回调函数中，如以下代码所示
$(document).ready(function(){
$("button").click(function(){
$("h1").slideToggle("slow",function(){
alert("滑动效果已完成");
});
});
});效果图：
加入了回调函数后，会发现jQuery动画效果完成后才会弹出提示框。
总结：
热心网友
时间：2022-04-22 13:25
回调函数指的是被调用者完成处理后自动回调调用者预先传递的函数。在类C语言中通常通过函数指针/引用的方式传递。jQuery也提供类似的回调函数机制。但是如何正确传递回调函数仍然值得一提。在John(jQuery Founder)写的指南中有详细的介绍。1、不带参数的回调 $.get('myhtmlpage.html', myCallBack);其中myCallBack是函数名字。函数是javascript的基础。可以当作引用变量一样传递。2、带参数的回调很自然的，按照以往的经验，我们会认为带参数的回调是下面的样子：$.get('myhtmlpage.html', myCallBack(param1, param2));但这样将不能正常工作。myCallBack(param1, param2)会在调用这个语句的时候就被执行，而不是在之后。下面的语法才是正确的：$.get('myhtmlpage.html', function(){ myCallBack(param1, param2); });这样回调函数被作为函数指针传递，将在get操作执行完成后被执行。
热心网友
时间：2022-04-22 14:43
1、不带参数的回调
$.get('myhtmlpage.html',
myCallBack);
其中myCallBack是函数名字。函数是javascript的基础。可以当作引用变量一样传递。
2、带参数的回调
很自然的，按照以往的经验，我们会认为带参数的回调是下面的样子：
$.get('myhtmlpage.html', myCallBack(param1,
param2));
但这样将不能正常工作。myCallBack(param1, param2)会在调用这个语句的时候就被执行，而不是在之后。
下面的语法才是正确的：
$.get('myhtmlpage.html', function(){
myCallBack(param1, param2);
});
这样回调函数被作为函数指针传递，将在get操作执行完成后被执行。
