一个超简单的jQuery回调函数例子(分享)

前端之家收集整理的这篇文章主要介绍了一个超简单的jQuery回调函数例子(分享)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery回调函数简单使用

比如说,我们想要点击某个按钮后触发事件,

先把一些指定内容给隐藏掉,

然后跳出相关信息的对话框。

如果使用普通的方法

不用回调函数的话,

会有怎么样的效果呢?

效果是先弹出对话框再隐藏内容

然后再隐藏指定内容

这显然不是我们想要的效果

如果使用回调函数,就可以解决这个问题。

当然,回调函数功能远不只这么简单……

具体的代码如下:

<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<title>My JSP 'MyJsp.jsp' starting page</title> <title>test</title> <script type="text/javascript" src="js/jQuery/jquery-1.4.4.min.js"&gt;</script> <script type="text/javascript"&gt; $(document).ready(function(){ $("#button1").click(function(){ $("p").hide("slow"); alert("不使用回调,先弹出对话框再隐藏!"); }) $("#button2").click(function(){ $("p").hide("slow",function(){ alert("使用回调<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>,先隐藏再弹出对话框!"); }); }) }) </script>

I love you,java.
I love you,java.

以上这篇一个超简单的jQuery回调函数例子(分享) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的jQuery相关文章