一個(gè)超簡單的jQuery回調(diào)函數(shù)例子(分享)

更新時(shí)間：2016年08月08日 10:01:09 投稿：jingxian

下面小編就為大家?guī)硪黄粋€(gè)超簡單的jQuery回調(diào)函數(shù)例子(分享) 。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

jQuery回調(diào)函數(shù)簡單使用

比如說，我們想要點(diǎn)擊某個(gè)按鈕后觸發(fā)事件，

先把一些指定內(nèi)容給隱藏掉，

然后跳出相關(guān)信息的對話框。

如果使用普通的方法，

不用回調(diào)函數(shù)的話，

會(huì)有怎么樣的效果呢？

效果是先彈出對話框再隱藏內(nèi)容，

然后再隱藏指定內(nèi)容。

這顯然不是我們想要的效果，

如果使用回調(diào)函數(shù)，就可以解決這個(gè)問題。

當(dāng)然，回調(diào)函數(shù)功能遠(yuǎn)不只這么簡單……

具體的代碼如下：

<%@ 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("不使用回調(diào)，先彈出對話框再隱藏！"); 
        }) 
        $("#button2").click(function(){ 
          $("p").hide("slow",function(){ 
            alert("使用回調(diào)函數(shù)，先隱藏再彈出對話框!"); 
          });     
        }) 
      }) 
    </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="沒使用回調(diào)函數(shù)!" /> 
    <input id="button2" type="button" value="使用回調(diào)函數(shù)!" /> 
  </body> 
</html>

以上這篇一個(gè)超簡單的jQuery回調(diào)函數(shù)例子(分享) 就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: