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


Posted in Javascript onAugust 08, 2016

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

Javascript 相关文章推荐
基于jQuery的图片剪切插件
Aug 03 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
浅析javascript 定时器
Dec 23 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 #Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
Aug 08 #Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 #Javascript
用js读写cookie的简单方法(推荐)
Aug 08 #Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 #Javascript
js中遍历Map对象的简单实例
Aug 08 #Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 #Javascript
You might like
php网站地图生成类示例
2014/01/13 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
学习ExtJS Column布局
2009/10/08 Javascript
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
Python  连接字符串(join %)
2008/09/06 Python
python抓取豆瓣图片并自动保存示例学习
2014/01/10 Python
数据挖掘之Apriori算法详解和Python实现代码分享
2014/11/07 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
Django实现文件上传下载功能
2019/10/06 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
高三英语教学反思
2014/01/13 职场文书
大学毕业感言100字
2014/02/03 职场文书
暑假家长评语大全
2014/04/17 职场文书
先进党支部申报材料
2014/12/24 职场文书
品质保证书格式
2015/02/28 职场文书
Python 视频画质增强
2022/04/28 Python