网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jQuery回调函数Callback方法的基本用法

2021/9/16 22:07:43

为什么会需要回调函数? 因为在程序是非堵塞的,弹出消息之后,在我们还没在弹出框里面进行点击确认或者选择的时候,程序已经执行下面的语句了。这样我们就没有选择权了,不符合用户习惯,所以我们采用回调函数的方式。 把一个函数作为参数传入到我们的主函…

为什么会需要回调函数?

        因为在程序是非堵塞的,弹出消息之后,在我们还没在弹出框里面进行点击确认或者选择的时候,程序已经执行下面的语句了。

这样我们就没有选择权了,不符合用户习惯,所以我们采用回调函数的方式。

        把一个函数作为参数传入到我们的主函数中,让这个函数按照我们的想法顺序进行执行。

        我们希望能够在弹出提示信息之后,在我们进行点击确定之后,再执行一个函数内容,这个时候就会用到回调。

        我们通过一个实例来说明jQuery回调函数Callback方法的基本用法,当我们点击按钮时内容“我们段落内容,点击“隐藏”按钮我就会消失”慢慢消失,等全部消失之后,弹出对话确认框“段落现在被隐藏了”。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery回调函数Callback方法的基本用法-www.woaidaogu.com</title>
<script src="scripts/jquery/jquery-1.11.2.min.js"></script>
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("slow",function(){
      alert("段落现在被隐藏了");
    });
  });
});
</script>
</head>
<body>
<button>隐藏</button>
<p>我们段落内容,点击“隐藏”按钮我就会消失</p>
</body>
</html>

        通过以上内容我们知道了jQuery回调函数Callback方法的基本用法,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...