DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 一個超簡單的jQuery回調函數例子(分享)
一個超簡單的jQuery回調函數例子(分享)
編輯:關於JavaScript     

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回調函數例子(分享) 就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved