关于jQuery回调函数的定义及用法实例

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于jQuery回调函数的定义及用法实例相关的知识,希望对你有一定的参考价值。

 1  <!DOCTYPE html>
 2  <html>
 3  <head>
 4  <meta charset=" utf-8">
 5  <meta name="author" content="http://www.jb51.net/" />
 6  <title>脚本之家</title>
 7  <style type="text/css">
 8  div{
 9    height:150px;
10    width:150px;
11    background-color:green;
12    margin-top:10px;
13  }
14  </style>
15  <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
16  <script type="text/javascript"> 
17  $(document).ready(function(){ 
18    $("button").click(function(){ 
19      $("div").slideUp(2000,function(){alert("隐藏完毕")}); 
20    }) 
21  }) 
22  </script>
23  </head>
24  <body>
25  <div></div>
26  <button>点击查看效果</button>
27  </body>
28  </html>

回调函数是将自己的地址作为参数传递给另一个函数,当发生特定的事件的时候就会使用作为参数传递过来的回调函数地址来调用回调函数。就拿上面使用回调函数的那个代码来说,它是把function函数的地址作为参数传递给slideUp()方法,当slideUp()动作完成之后,就会通过传过来的地址参数调用function函数。

以上是关于关于jQuery回调函数的定义及用法实例的主要内容,如果未能解决你的问题,请参考以下文章

jquery的animate动画的回调函数怎么带参数?

Jquery回调函数应用实例解析

DatePickerDialog日期对话框以及回调函数的用法

Python回调函数用法实例

jQuery初始化加载的实现

jquery-$()函数的用法及一些常用的选择器