hide()和show()方法，可以設定動畫效果，本文對這兩種方法效果加以說明。
hide(參數1，參數2)：
參數1：時間，機關為毫秒，表示對象隐藏所用的時間
參數2：回調函數，該函數在對象隐藏後觸發。
show(參數1，參數2)：
參數1：同上
參數2：同上
示例：
需求說明：點選一個圖檔，該圖檔緩緩隐藏，隐藏後從頁面删除，後一張圖檔補充前一張圖檔的位置
代碼如下：
1 <!DOCTYPE html>
2 <html >
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style type="text/css">
7 img{
8 width: 100px;
9 height: 80px;
10 }
11
12 #pics div{
13 float: left;
14 margin: 2px;
15 width: 100px;
16 height: 80px;
17 }
18 </style>
19 <script src="js/jquery-1.12.2.js" type="text/javascript" charset="utf-8"></script>
20 <script>
21 $(function(){
22 //擷取所有的圖檔,并注冊點選事件
23 $("#pics>div").click(function(){
24 $(this).hide(800,function(){
//回調函數，清除目前點選的元素
25 $(this).remove();//方法移除目前調用這個方法的元素---自殺
26 });
27 });
28 });
29 </script>
30 </head>
31 <body>
32 <div id="pics">
33 <div><img src="images/01.jpg" ></div>
34 <div><img src="images/02.jpg" ></div>
35 <div><img src="images/03.jpg" ></div>
36 <div><img src="images/04.jpg" ></div>
37 <div><img src="images/05.jpg" ></div>
38 </div>
39 </body>
40 </html> 備注：
$(this).remove();//方法移除目前調用這個方法的元素---自殺 轉載于:https://www.cnblogs.com/WangYujie1994/p/10283751.html
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)