1. 程式人生 > >jquery類選擇器/基於下標的選擇器/層次選擇器的使用場景

jquery類選擇器/基於下標的選擇器/層次選擇器的使用場景

一直以來,認為jquery在選擇器上多此一舉,既然有了id選擇器,那麼為什麼還要費勁去搞各種其它選擇器,id選擇器難道不是萬能的嗎,難道不是最簡單的嗎?說到最簡單,有可能是當之無愧,但是要說萬能,確實名不副實;

由於ID 是為某個 Element 指定 DOM 操作時的"唯一"標示符,如果重名,當使用id選擇器操作DOM時,會有不可預知的後果(不同瀏覽器實現不一樣)。

當動態為頁面新增DOM元素時,一般不同時新增ID屬性;那麼如何只有結合層次選擇器和基於下標的選擇器來操作對應的元素;舉例:

<div id="data_goods_list_category">商品分類:</div>

,在這個div下動態新增四個select標籤,然後獲取select的值;

$("#data_goods_list_category select").each(function(){
if($(this).val()){
goods_category = $(this).val();
}
});

顯然,此時通過這種操作方式是最簡便和一目瞭然的。