当前位置: 首页 > 编程笔记 >

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

云宾鸿
2023-03-14
本文向大家介绍一个超简单的jQuery回调函数例子(分享),包括了一个超简单的jQuery回调函数例子(分享)的使用技巧和注意事项,需要的朋友参考一下

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回调函数例子(分享) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍PowerShell中简单的自定义函数和调用函数例子,包括了PowerShell中简单的自定义函数和调用函数例子的使用技巧和注意事项,需要的朋友参考一下 在PowerShell中是否有函数?PowerShell是否可以自定义函数?PowerShell中如何自定义函数? 在PowerShell中,我们可以使用函数(function)来简化编程开发。在PowerShell中使用funct

  • 大多数 Java 程序需要用一个持久化类来表示猫科动物。例如: package eg; import java.util.Set; import java.util.Date; public class Cat { private Long id; // identifier private Date birthdate; private Color color;

  • 本文向大家介绍简要描述下什么是回调函数并写一个例子出来相关面试题,主要包含被问及简要描述下什么是回调函数并写一个例子出来时的应答技巧和注意事项,需要的朋友参考一下 回调函数就是指函数在初始定义的时候先不执行,等满足一定条件以后再拿出来执行。如下: setTimeout(() => { console.log('在本轮任务最后执行!') }, 0);

  • 目录结构 首先介绍一下ruby项目的代码目录结构。通常情况下一个ruby扩展项目的目录结构如下: NEWS Rakefile README.rdoc doc/ ext/ COPYING为版权信息;NEWS包含了发行信息;Rakefile定义了rake任务;README.rdoc包含了用于生成RDoc文档的头部信息;doc目录下为该项目的文档;ext目录下为扩展程序的源代码以及ext

  • 问题内容: 任何人都可以给我一个简单的nodeJs回调示例,我已经在许多网站上进行了搜索,但无法正确理解,请给我一个简单的示例。 我想做这样的事情… 问题答案: 现在打开节点或浏览器控制台,并粘贴以上定义。 最后在下一行中使用它: 关于节点样式错误约定 Costa问如果我们要遵守节点错误回调约定,会是什么样子。 按照这种约定,回调应期望至少收到一个参数(第一个参数)作为错误。根据上下文,我们可以选

  • 问题内容: 我已经看到很多类似问题的问题和解决方案,但对我来说没有任何效果。我有这个: 但这不起作用。为了澄清,我想将内容加载到中,然后返回的内容。但是,即使我已将其放入回调函数中,也似乎在加载内容之前返回了该内容。 问题答案: