一个超简单的jQuery回调函数例子(分享)
2016-08-08 10:01
465 查看
jQuery回调函数简单使用
比如说,我们想要点击某个按钮后触发事件,
先把一些指定内容给隐藏掉,
然后跳出相关信息的对话框。
如果使用普通的方法,
不用回调函数的话,
会有怎么样的效果呢?
效果是先弹出对话框再隐藏内容,
然后再隐藏指定内容。
这显然不是我们想要的效果,
如果使用回调函数,就可以解决这个问题。
当然,回调函数功能远不只这么简单……
具体的代码如下:
<%@ 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回调函数例子(分享) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 一个简单的jQuery回调函数例子
- 一个简单的jQuery回调函数例子
- jquery+json处理分页的一个简单例子。
- 一个虚函数的简单例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 使用jquery flip插件的一个简单例子
- 一个简单的回调(例子)
- 一个简单的jquery+ajax的例子
- 仿函数,即函数对象,的一个简单例子
- 分享一个关于php中explode()函数输出实例(简单的)
- Windows Event 的各个相关函数解释 及 简单例子一个
- 一个简单的回调函数模型
- 一个简单的oracle函数返回数组的例子
- 一个简单的 jquery.pager 分页的例子
- jsp 中用jquery 实现ajax 一个简单例子
- jquery的优点和一个简单的jquery和javascript的对比例子
- jQuery 标记当前函数 开始写一个简单的插件
- 分享一个PHP数据流应用的简单例子
- 分享一个简单的iphone自定义状态栏例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子