應用場景：

我們應該經常見到系統中出現列表，會有一個對列表數據的操作（如刪除， 修改，查看等）。我們可以在每個列表項后面加一個刪除按鈕，把列表項的相關參數（如 id）post到后臺進行刪除。當然如果你每次只要刪除一兩條數據這樣子做并沒有什么問題，但是如果你需要一次性刪 除100條，你還去一條 條的刪除嗎？每一次刪除10條會不會更好些呢？

好了，接下來。我們就使用jQuery解決這個問題。

首先，假設我們需要刪除5個列表項。HTML里面列表標簽是ul和ol, 其中ul是無序的，而ol是有序。每一個列表項使用li。

<ul id="fruit"> <li><input type="checkbox" value="0001"/>蘋果</li> <li><input type="checkbox" value="0002"/>梨子</li> <li><input type="checkbox" value="0003"/>芒果</li> <li><input type="checkbox" value="0004"/>山楂</li> <li><input type="checkbox" value="0005"/>香蕉</li></ul>

假設我們只需傳遞水果的ID到后臺就可以刪除所有水果。那么傳遞一個數組為[0001,0002,0003,0004,0005]到后臺就可以了。所以，我們需要獲取5個li元素中input標簽的value值。

很明顯，你的思路可能是利用jQuery篩選器先得到li下的input對象數組，再遍歷這個數組，判斷每一個input對象,然后判斷input對象是否選中，選中就用val()函數獲取它的值，然后把該值放入一個用來存儲id的數組arr中。

【關鍵點】選擇器，遍歷，數組。

1.獲取被選中的數組對象

jQuery的選擇器中' :checkbox' 是查找所有復選框。

$("#fruit :checkbox");

2.遍歷這個對象數組

jQeury的each函數：為每個匹配元素規定運行的函數。

each函數：

語法：

$(selector).each(function(index,element))

遍歷后，判斷復選框是否被選中.

Jquery的prop函數(prop函數是jQuery1.6版本上的):

prop(name|properties|key,value|fn)

獲取在匹配的元素集中的第一個元素的屬性值。隨著一些內置屬性的DOM元素 或window對象，如果試圖將刪除該屬性，瀏覽器可能會產生錯誤。jQuery第一次分配undefined值的屬性，而忽略了瀏覽器生成的任何錯誤