jQuery回調(diào)函數(shù)的定義及用法實(shí)例

更新時(shí)間：2014年12月23日 10:27:56 投稿：shichen2014

這篇文章主要介紹了jQuery回調(diào)函數(shù)的定義及用法,以實(shí)例形式詳細(xì)分析了回調(diào)函數(shù)的原理與實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery回調(diào)函數(shù)的定義及用法。分享給大家供大家參考。具體分析如下：

jQuery代碼中對(duì)回調(diào)函數(shù)有著廣泛的應(yīng)用，對(duì)其有精準(zhǔn)的理解是非常有必要的，下面就通過實(shí)例對(duì)此方法進(jìn)行簡單的介紹。

代碼實(shí)例如下：

利用回調(diào)函數(shù)，當(dāng)div全部隱藏之后彈出一個(gè)提示框。

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://chabaoo.cn/" />

<title>腳本之家</title>

<style type="text/css">

div{

  height:150px;

  width:150px;

  background-color:green;

  margin-top:10px;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("div").slideUp(2000,function(){alert("隱藏完畢")}); 

  }) 

}) 

</script>

</head>

<body>

<div></div>

<button>點(diǎn)擊查看效果</button>

</body>

</html>

上面的代碼運(yùn)行非常良好，很有次序。在很多實(shí)際應(yīng)用中往往希望讓代碼完成某個(gè)動(dòng)作以后再去做另一個(gè)動(dòng)作。
代碼貌似應(yīng)執(zhí)行的效果應(yīng)該和上面代碼是一樣的，但是運(yùn)行結(jié)果且并非我們所預(yù)料，而是先彈出提示框，然后再隱藏div元素。這并不是說slideUp()沒有開始執(zhí)行。

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://chabaoo.cn/" />

<title>腳本之家</title>

<style type="text/css">

div{

  height:150px;

  width:150px;

  background-color:green;

  margin-top:10px;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("div").slideUp(2000); 

    alert("隱藏完畢"); 

  }) 

}) 

</script>

</head>

<body>

<div></div>

<button>點(diǎn)擊查看效果</button>

</body>

</html>

下面簡單通俗的總結(jié)一下什么是回調(diào)函數(shù)。看下面這段代碼:

復(fù)制代碼代碼如下:

function a(){alert("我是一個(gè)函數(shù)")}

a();

以上是最常用的調(diào)用函數(shù)的方式，用函數(shù)的實(shí)現(xiàn)直接調(diào)用，而回調(diào)函數(shù)卻不是這樣的，它是將自己的地址作為參數(shù)傳遞給另一個(gè)函數(shù)，當(dāng)發(fā)生特定的事件的時(shí)候就會(huì)使用作為參數(shù)傳遞過來的回調(diào)函數(shù)地址來調(diào)用回調(diào)函數(shù)。就拿上面使用回調(diào)函數(shù)的那個(gè)代碼來說，它是把function函數(shù)的地址作為參數(shù)傳遞給slideUp()方法，當(dāng)slideUp()動(dòng)作完成之后，就會(huì)通過傳過來的地址參數(shù)調(diào)用function函數(shù)。

希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: