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

时间: 2016-08-05

js的回调函数详解

现在做native App  和Web App是主流,也就是说现在各种基于浏览器的web app框架也会越来越火爆了,做js的也越来越有前途.我也决定从后端开发渐渐向前端开发和手机端开发靠拢,废话不说了,我们来切入正题"js的回调函数"相关的东西. 说起回调函数,好多人虽然知道意思,但是还是一知半解.至于怎么用,还是有点糊涂.网上的一些相关的也没有详细的说一下是怎么回事,说的比较片面.下面我只是说说个人的一点理解,大牛勿喷.我们来看一下一个粗略的一个定义"函数a有一个参数,这

jQuery的load()方法及其回调函数用法实例

本文实例讲述了jQuery的load()方法及其回调函数用法.分享给大家供大家参考.具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(fun

jQuery回调函数的定义及用法实例

本文实例讲述了jQuery回调函数的定义及用法.分享给大家供大家参考.具体分析如下: jQuery代码中对回调函数有着广泛的应用,对其有精准的理解是非常有必要的,下面就通过实例对此方法进行简单的介绍. 代码实例如下: 利用回调函数,当div全部隐藏之后弹出一个提示框. 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="a

JS回调函数基本定义与用法实例分析

本文实例讲述了JS回调函数基本定义与用法.分享给大家供大家参考,具体如下: 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 字面上的理解,回调函数就是一个参数,将这个函数作为参数传到

php htmlentities()函数的定义和用法

php htmlentities() 函数把字符转换为 HTML 实体,本文章向码农介绍php htmlentities() 函数基本使用方法和实例介绍,需要的码农可以参考一下. 定义和用法 htmlentities() 函数把字符转换为 HTML 实体. 提示:要把 HTML 实体转换回字符,请使用 html_entity_decode() 函数. 提示:请使用 get_html_translation_table() 函数来返回 htmlentities() 使用的翻译表. 语法 htmle

php similar_text()函数的定义和用法

php similar_text() 函数计算比较两个字符串的相似度,本文章向码农介绍php similar_text() 函数的基本使用方法和基本使用实例,感兴趣的码农可以参考一下. 定义和用法 similar_text() 函数计算两个字符串的相似度. 该函数也能计算两个字符串的百分比相似度. 注释:levenshtein() 函数比 similar_text() 函数更快.不过,similar_text() 函数通过更少的必需修改次数提供更精确的结果. 语法  similar_text(s

javascript中parseInt()函数的定义和用法分析

本文实例讲述了javascript中parseInt()函数的定义和用法.分享给大家供大家参考.具体分析如下: 此函数可以解析一个字符串,并返回一个整数. 语法结构: 复制代码 代码如下: parseInt(string, type) 参数列表: 参数 描述 string 必需.要被解析的字符串. type 可选.表示要解析的数字的基数,通俗的说就是数字的进制,比如二进制.八进制或者十六进制.该值介于2 ~ 36之间. 详细说明: 一.指定type参数: 指定type参数后,函数就会按照指定的t

php parse_str() 函数的定义和用法

php parse_str() 函数把查询字符串解析到变量中,主要用于页面之间传值(参数).本文章向码农介绍php parse_str() 函数的使用方法,感兴趣的码农可以参考一下. 定义和用法 parse_str() 函数把查询字符串解析到变量中. 注释:如果未设置 array 参数,则由该函数设置的变量将覆盖已存在的同名变量. 注释:php.ini 文件中的 magic_quotes_gpc 设置影响该函数的输出.如果已启用,那么在 parse_str() 解析之前,变量会被 addslas

php metaphone()函数的定义和用法

php metaphone() 函数计算字符串的 metaphone 键,本文章向码农们介绍 php metaphone() 函数的基本用法和实例,需要的码农可以参考一下本文章的方法和实例. 定义和用法 metaphone() 函数计算字符串的 metaphone 键. metaphone 键代表字符串的英语发音. metaphone() 函数可用于拼写检查程序. 注释:metaphone() 函数为发音相似的单词创建相同的键. 注释:所生成的 metaphone 键长度可变. 提示:metap

JS函数基本定义与用法示例

本文实例讲述了JS函数基本定义与用法.分享给大家供大家参考,具体如下: <html> <head> <title>js函数</title> <meta charset="UTF-8"/> <script type="text/javascript"> // 三种函数的声明方法 // function test1(a1,a2){ // console.log("函数声明的第一种方法&qu

jQuery 回调函数(callback)的使用和基础

还是先贴代码吧 复制代码 代码如下: <!DOCTYPE html> <html>     <head>         <meta charset="utf-8">         <title></title>         <script src="js/jquery.js"></script>     </head> <style> bo