## jQuery Callback 方法:
Callback 函數在當前動畫 100% 完成之后執行。
## jQuery 動畫的問題
許多 jQuery 函數涉及動畫。這些函數也許會將 *speed* 或 *duration* 作為可選參數。
```
例子:*$("p").hide("slow")*
```
*speed* 或 *duration* 參數可以設置許多不同的值,比如 "slow", "fast", "normal" 或毫秒。
**提示:**由于 JavaScript 語句(指令)是逐一執行的 - 按照次序,動畫之后的語句可能會產生錯誤或頁面沖突,因為動畫還沒有完成。
為了避免這個情況,您可以以參數的形式添加 Callback 函數。
**實例**
以下實例在隱藏效果完全實現后回調函數:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落現在被隱藏了");
});
});
});
</script>
</head>
<body>
<button>隱藏</button>
<p>我們段落內容,點擊“隱藏”按鈕我就會消失</p>
</body>
</html>
```
以下實例沒有回調函數,警告框會在隱藏效果完成前彈出:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("現在段落被隱藏了");
});
});
</script>
</head>
<body>
<button>隱藏</button>
<p>這是一個段落,內容很少</p>
</body>
</html>
```
- 簡介
- 安裝
- 語法
- 選擇器
- 事件
- click
- dblclick
- mouseenter
- mouseleave
- mousedown
- mouseup
- hover
- focus
- blur
- 鍵盤事件
- 效果
- 隱藏和顯示
- 淡入淡出
- 滑動
- 動畫
- 停止滑動
- jQuery Callback 方法
- jQuery Chaining
- jQuery_HTML
- jQuery獲取
- jQuery設置
- jQuery添加元素
- jQuery刪除元素
- jQuery CSS類
- jQuery css() 方法
- jQuery 遍歷
- jQuery AJAX
- jQuery AJAX簡介
- jQuery - AJAX load() 方法
- jQuery - AJAX get() 和 post() 方法