碼上快樂

相關內容    簡體    繁體

一個簡單的jQuery回調函數例子

本文轉載自   查看原文   2016-06-02 12:49   3044 

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> 


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 一個簡單的回調（例子） 超簡單！c++虛函數例子解析 Oracle創建函數例子 python 回調函數，最簡單的例子 oracle 存儲過程和函數例子 php返回json數據函數例子 簡單接口回調例子 c語言中getchar（）、putchar（）函數例子 C#回調函數的簡單講解與應用例子 一個簡單的java回調函數的實現
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM