基本選擇器

#id      //id選擇器
.class   //類選擇器
element  //標(biāo)簽選擇器
*        //匹配所有元素

層次選擇器

通過DOM元素之間的層次關(guān)系來獲取特定元素,如后代元素,子元素,相鄰元素和兄弟元素.

$("ancestor descendant")  //后代選擇器
$("parent>child")         //子代選擇器
$("prev+div")             //兄弟選擇器   選取prev元素后的下一個(gè)div元素
$("prev~sibling")         //兄弟選擇器   選取prev元素后的所有sibling元素

過濾選擇器

過濾選擇器規(guī)則與CSS中的偽類選擇器語法相同
選擇器都以一個(gè)冒號(hào)(:)開頭
過濾規(guī)則:基本過濾.內(nèi)容過濾.可見性顧慮.屬性過濾.子元素過濾.表單對(duì)象屬性過濾

:first //選取第一個(gè)元素  單個(gè)元素
:last //選取最后一個(gè)元素 單個(gè)元素
:not(selector) //去除所有給定選擇器匹配的內(nèi)容  集合元素    
                eg:$("input:not(.text)")  選取class不是text的<input>元素
:even //選取索引是偶數(shù)的所有元素,索引從0開始 集合元素
:odd //選取索引是奇數(shù)的所有元素,索引從0開始 集合元素
:eq(index) //選取索引等于index的元素(index從0開始) 單個(gè)元素 
:gt(index) //選取索引大于index的元素(index從0開始)
           eg:$("ul>li:gt(5):not(:last)") //選取索引號(hào)大于5的li標(biāo)簽,并且不包含最后一個(gè)li元素
:it(index) //選取索引小于index的元素(index從0開始)
:header //選取所有的標(biāo)題元素,例如 h1,h2,h3等 集合元素 
:animated //選取當(dāng)前正在執(zhí)行動(dòng)畫的所有元素 集合元素 
          eg:$("div:animated")選取正在執(zhí)行動(dòng)畫的<div>元素

子元素過濾選擇器
:nth-child(index/even/odd) //index從1開始 ,而eq(index)中的index是從0開始
:first-child 選取父元素中的第一個(gè)子元素
:last-child 選取父元素中最后一個(gè)子元素

表單對(duì)象屬性過濾選擇器
:enabled //選取所有可用元素 集合元素 
:disabled //選取所有不可用元素
:checked //選取所有被選中的元素(單選框,復(fù)選框)  集合元素
:selected //選取所有被選中的選項(xiàng)元素(下拉列表)  集合元素