一个超简单的jQuery回调函数例子(分享)
更新时间:2016年08月08日 10:01:09 投稿:jingxian
下面小编就为大家带来一篇一个超简单的jQuery回调函数例子(分享) 。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
jQuery回调函数简单使用
比如说,我们想要点击某个按钮后触发事件,
先把一些指定内容给隐藏掉,
然后跳出相关信息的对话框。
如果使用普通的方法,
不用回调函数的话,
会有怎么样的效果呢?
效果是先弹出对话框再隐藏内容,
然后再隐藏指定内容。
这显然不是我们想要的效果,
如果使用回调函数,就可以解决这个问题。
当然,回调函数功能远不只这么简单……
具体的代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | <%@ page language= "java" import= "java.util.*" pageEncoding= "UTF-8" %> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/" ; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > <html> <head> <base href= "<%=basePath%>" > <title>My JSP 'MyJsp.jsp' starting page</title> <title>test</title> <script type= "text/javascript" src= "js/jQuery/jquery-1.4.4.min.js" ></script> <script type= "text/javascript" > $(document).ready( function (){ $( "#button1" ).click( function (){ $( "p" ).hide( "slow" ); alert( "不使用回调,先弹出对话框再隐藏!" ); }) $( "#button2" ).click( function (){ $( "p" ).hide( "slow" , function (){ alert( "使用回调函数,先隐藏再弹出对话框!" ); }); }) }) </script> </head> <body> <p> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. <br> I love you,java. </p> <input id= "button1" type= "button" value= "没使用回调函数!" /> <input id= "button2" type= "button" value= "使用回调函数!" /> </body> </html> |
以上这篇一个超简单的jQuery回调函数例子(分享) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
相关文章
javascript原生和jquery库实现iframe自适应高度和宽度
这篇文章主要介绍了javascript原生和jquery库实现iframe自适应内容高度和宽度,需要的朋友可以参考下2014-07-07
最新评论