一个超简单的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 相关文章推荐
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
Mar 09 Javascript
初学Javascript的一些总结
Nov 03 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 Javascript
js中键盘事件实例简析
Jan 10 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
用JS写一个发布订阅模式
Nov 07 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
php中的三元运算符使用说明
2011/07/03 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
如何使用angularJs
2017/05/08 Javascript
JavaScript设置名字输入不合法的实现方法
2017/05/23 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python中使用dom模块生成XML文件示例
2015/04/05 Python
Python NumPy库安装使用笔记
2015/05/18 Python
python实现在控制台输入密码不显示的方法
2015/07/02 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
Python SQL查询并生成json文件操作示例
2018/08/17 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
Django 外键的使用方法详解
2019/07/19 Python
Boda Skins皮衣官网:奢侈皮夹克,全球配送
2016/12/15 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
电信专业毕业生推荐信
2013/11/18 职场文书
专家推荐信模板
2014/05/09 职场文书
市场营销专业求职信
2014/06/17 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
仓库管理制度范本
2015/08/04 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
Golang获取List列表元素的四种方式
2022/04/20 Golang