首页 / JQUERY / jQuery中的回调函数是什么

jQuery中的回调函数是什么

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中的回调函数是什么，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1598字，纯文字阅读大概需要3分钟。

内容图文

回调函数指的是在jQuery动画完成之后所要执行的函数，它是一种参数传递的效果方法

JavaScript语句逐行执行，但是由于jQuery的效果的实现需要一些时间才能完成，所以下一行代码很可能会在前一个效果仍在运行使执行，所以为了防止这种情况的发生，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>

效果图如下：

jQuery中的回调函数是什么 - 文章图片

当我们点击按钮时会弹出一个框，点击确认时h1元素消失，再次点击按钮及确认时，h1出现。我们会发现触发按钮后会立即显示弹出框，而未等待幻灯片切换效果完成

回调函数的用法：

将alert()语句放置到回调函数中，如以下代码所示

$(document).ready(function(){
    $("button").click(function(){
        $("h1").slideToggle("slow",function(){
            alert("滑动效果已完成");
        });
       
    });   
});

效果图：

jQuery中的回调函数是什么 - 文章图片

加入了回调函数后，会发现jQuery动画效果完成后才会弹出提示框。

总结：以上就是本篇文章的全部内容了，希望通过这篇文章可以让大家对jQuery回调函数有一定的认识。

以上就是jQuery中的回调函数是什么的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jQuery中的回调函数是什么全部内容，希望文章能够帮你解决jQuery中的回调函数是什么所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/283660.html

来源：【匿名】