欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年08月08日 10:01:09   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇一個(gè)超簡(jiǎn)單的jQuery回調(diào)函數(shù)例子(分享) 。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

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

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

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

如果使用普通的方法,

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

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

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

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

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

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

當(dāng)然,回調(diào)函數(shù)功能遠(yuǎn)不只這么簡(jiǎ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),先彈出對(duì)話框再隱藏!"); 
        }) 
        $("#button2").click(function(){ 
          $("p").hide("slow",function(){ 
            alert("使用回調(diào)函數(shù),先隱藏再?gòu)棾鰧?duì)話框!"); 
          });     
        }) 
      }) 
    </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="沒(méi)使用回調(diào)函數(shù)!" /> 
    <input id="button2" type="button" value="使用回調(diào)函數(shù)!" /> 
  </body> 
</html> 

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

相關(guān)文章

最新評(píng)論