zoukankan      html  css  js  c++  java

  • 一个简单的jQuery回调函数例子

    jQuery回调函数简单使用

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

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

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

    如果使用普通的方法，

    不用回调函数的话，

    会有怎么样的效果呢？

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

    然后再隐藏指定内容。

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

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

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

    具体的代码如下：

    [html] view plain copy
      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.   
      9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
      10. <html>  
      11.     <head>  
      12.         <base href="<%=basePath%>">  
      13.   
      14.         <title>My JSP 'MyJsp.jsp' starting page</title>  
      15.         <title>test</title>  
      16.         <script type="text/javascript" src="js/jQuery/jquery-1.4.4.min.js"></script>  
      17.         <script type="text/javascript">  
      18.            $(document).ready(function(){  
      19.                 $("#button1").click(function(){  
      20.                     $("p").hide("slow");  
      21.                      alert("不使用回调，先弹出对话框再隐藏！");  
      22.                 })  
      23.                 $("#button2").click(function(){  
      24.                     $("p").hide("slow",function(){  
      25.                         alert("使用回调函数，先隐藏再弹出对话框!");  
      26.                     });          
      27.                 })  
      28.             })  
      29.         </script>  
      30.     </head>  
      31.     <body>  
      32.         <p>  
      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.             <br>  
      57.             I love you,java.  
      58.         </p>  
      59.         <input id="button1" type="button" value="没使用回调函数!" />  
      60.         <input id="button2" type="button" value="使用回调函数!" />  
      61.     </body>  
      62. </html> 
  • 相关阅读:
    每一个合格的家庭主妇都是生产厂长的有力竞争者
    单点登录在ASP.NET上的简单实现
    Asp.net(C#)给图片加上水印效果
    Asp.net Ajax框架教程
    记入cookie一个ip一天只弹一次的弹窗代码JavaScript实例教程
    【转】ASP.net2。0中解决无法获取 GridView 隐藏列值问题
    javascript 动态添加表格行
    IndexOf方法,LastIndexOf方法,substring方法
    SQL 批量插入数据
    js 前台找控件(table里找控件)
  • 原文地址：https://www.cnblogs.com/huangyin1213/p/5552644.html
Copyright © 2011-2022 走看看