hide()和show()方法，可以設置動畫效果，本文對這兩種方法效果加以說明。 hide(參數1，參數2)： 參數1：時間，單位為毫秒，表示對象隱藏所用的時間 參數2：回調函數，該函數在對象隱藏後觸發。 show(參數1，參數2)： 參數1：同上 參數2：同上 示例： 需求說明：點擊一個圖片，該圖 ...
hide()和show()方法，可以設置動畫效果，本文對這兩種方法效果加以說明。
hide(參數1，參數2)：
參數1：時間，單位為毫秒，表示對象隱藏所用的時間
參數2：回調函數，該函數在對象隱藏後觸發。
show(參數1，參數2)：
參數1：同上
參數2：同上
示例：
需求說明：點擊一個圖片，該圖片緩緩隱藏，隱藏後從頁面刪除，後一張圖片補充前一張圖片的位置
代碼如下：
1 <!DOCTYPE html> 2 <html lang="en"> 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();//方法移除當前調用這個方法的元素---自殺
