码迷,mamicode.com
首页 > Web开发 > 详细

【学亮IT手记】jQuery callback方法实例

时间:2018-08-11 12:58:22      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:call   按钮   color   rip   oct   set   tps   document   .com   

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8     $(document).ready(function(){
 9       $("button").click(function(){
10         $("p").hide("slow",function(){
11           alert("段落现在被隐藏了");
12         });
13       });
14     });
15 </script>
16 </head>
17 <body>
18 <button>隐藏</button>
19 <p>我们段落内容,点击“隐藏”按钮我就会消失</p>
20 </body>
21 </html>

对比没有callback的效果:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8 $(document).ready(function(){
 9   $("button").click(function(){
10     $("p").hide(1000);
11     alert("现在段落被隐藏了");
12   });
13 });
14 </script>
15 </head>
16 <body>
17 <button>隐藏</button>
18 <p>这是一个段落,内容很少</p>
19 </body>
20 </html>

 

【学亮IT手记】jQuery callback方法实例

标签:call   按钮   color   rip   oct   set   tps   document   .com   

原文地址:https://www.cnblogs.com/niwotaxuexiba/p/9459381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!