jQuery回调函数简单使用

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

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

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

如果使用普通的方法，

不用回调函数的话，

会有怎么样的效果呢？

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

然后再隐藏指定内容。

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

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

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

具体的代码如下：

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    2. <%
    3. String path = request.getContextPath();
    4. String basePath = request.getScheme() + "://"
    5. + request.getServerName() + ":" + request.getServerPort()
    6. + path + "/";
    7. %>
    8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    9. <html>
    10. <head>
    11. <base href="<%=basePath%>">
    12. <title>My JSP 'MyJsp.jsp' starting page</title>
    13. <title>test</title>
    14. <script type="text/javascript" src="js/jQuery/jquery-1.4.4.min.js"></script>
    15. <script type="text/javascript">
    16. $(document).ready(function(){
    17. $("#button1").click(function(){
    18. $("p").hide("slow");
    19. alert("不使用回调，先弹出对话框再隐藏！");
    20. })
    21. $("#button2").click(function(){
    22. $("p").hide("slow",function(){
    23. alert("使用回调函数，先隐藏再弹出对话框!");
    24. });
    25. })
    26. })
    27. </script>
    28. </head>
    29. <body>
    30. <p>
    31. I love you,java.
    32. <br>
    33. I love you,java.
    34. <br>
    35. I love you,java.
    36. <br>
    37. I love you,java.
    38. <br>
    39. I love you,java.
    40. <br>
    41. I love you,java.
    42. <br>
    43. I love you,java.
    44. <br>
    45. I love you,java.
    46. <br>
    47. I love you,java.
    48. <br>
    49. I love you,java.
    50. <br>
    51. I love you,java.
    52. <br>
    53. I love you,java.
    54. <br>
    55. I love you,java.
    56. </p>
    57. <input id="button1" type="button" value="没使用回调函数!" />
    58. <input id="button2" type="button" value="使用回调函数!" />
    59. </body>
    60. </html>

一个简单的jQuery回调函数例子的更多相关文章

  1. 一个简单的java回调函数的实现

    回调函数 回调函数涉及的3个函数 登记回调函数 回调函数 响应回调函数 简单的解释 你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话.过了几天店里有货了,店员就打了你的电话,然 ...

  2. 一个简单的jQuery插件开发实例

    两年前写的一个简单的jQuery插件开发实例,还是可以看看的: <script type="text/javascript" src="jquery-1.7.2.m ...

  3. 编写一个简单的Jquery插件

    1.实现内容 定义一个简单的jquery插件,alert传递进来的参数 2.插件js文件(jquery.showplugin.js) (function ($) { //定义插件中的方法 var me ...

  4. SQL点滴3—一个简单的字符串分割函数

    原文:SQL点滴3-一个简单的字符串分割函数 偶然在电脑里看到以前保存的这个函数,是将一个单独字符串切分成一组字符串,这里分隔符是英文逗号“,”  遇到其他情况只要稍加修改就好了 CREATE FUN ...

  5. jQuery 回调函数

    jQuery(回调函数) 此函数的作用将callback参数以函数的定义形式,在页面onload的时候进行调用.相当于$(document).ready(callback). <script t ...

  6. jquery回调函数的一个案例

    1.引言 今天在学习<jQuery基础教程>在学习编写插件的时候,书中说利用回调函数来当参数,会极大的提高程序的灵活性.对回调函数很陌生.研究了一下给的示例程序.感觉对回调函数有了基本的了 ...

  7. C# 一个帮您理解回调函数的例子（新手必看）

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace 回调函数 ...

  8. jQuery的deferred对象详解 jquery回调函数

    http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html jQuery的 ...

  9. layer —— 一个简单的jQuery弹出层插件

    layer的使用 4.24更新:注意:layer现在有旧版1.8.5版本和新版本3.0版本的,对应引入的JQ也要不同,相对应的JQ引入1.1和3.1,否则JQ会出问题 4.21更新: 解答4-19的问 ...

随机推荐

  1. cf1208 D Restore Permutation （二分+树状数组）

    题意 让你构造一个长度为n的序列,记为p1……pn,(这个序列是1~n的全排列的一种) 给你n个数,记为s1……sn,si的值为p1……pi-1中小于pi的数的和. 思路 显然,应该倒着来,也就是从p ...

  2. 关于 sublime 使用技巧

    实行多位置编写  按住 alt 键 用鼠标点击想要编写的位置 实行正方形任意拉选操作  按住 alt 键  用鼠标拖动来进行勾选 继续转发别人的帖子 模块与包的导入 https://blog.csdn ...

  3. SpingBoot项目搭建（详细）

    SpingBoot (原创:黑小子-余) springboot官网:->点击<- spring官网:->点击<- 一.SpringBoot简介 Spring Boot是由Piv ...

  4. Python Learning Day1

    字符串的操作 # 字符串的操作 str1 = 'my name is xxx, my age is 18.' # 优先掌握的操作: # 1.按索引取值(正向取+反向取) :只能取 print(str1 ...

  5. mybatis-地区三表生成地区树

    package com.dhht.manager.vo.area; import lombok.Data; import java.io.Serializable;import java.util.L ...

  6. 编写注册表.reg文件

    Windows 中的注册表文件( system.dat 和 user.dat )是 Windows 的核心数据库,因此,对 Windows 来说是非常重要的. 通过修改注册表文件中的数据,可以达到优化 ...

  7. Spring DATA Neo4J（一）

    Spring DATA Neo4J——简介 Spring Framework提供了一下模块来处理基于Java的应用程序的DAO层 Spring JDBC Spring ORM Spring DATA ...

  8. Android Studio 停靠模式(Docked Mode)

    如果之前选了任务一种模式,先全都取消了 然后点击Window -->Active Tool Window-->这个时候就可以选择Docked Mode了

  9. shift+回车，换行。断点。

    在Idea中,shift+回车可以在一行的任意一地方换行. 断点的小知识. debug启动程序后左下角会出现断点的功能选项. 一个竖列 一个横行,没有请求时是灰的. 这里主要讲竖列. 这个是沉默全部断 ...

  10. polyA|ribo-minus|differentiated cell|Genetic heterogeneity

    转录组 测量单cell,可以认为是一种细胞.细胞株也认为来自同一个细胞. 使用两种方法,找mRNA(polyA)及rmRNA(ribo-minus),然后取交集. 转录组受实验影响,比如小片段没得到. ...