基本選擇器
#id //id選擇器
.class //類選擇器
element //標(biāo)簽選擇器
* //匹配所有元素
層次選擇器
通過(guò)DOM元素之間的層次關(guān)系來(lái)獲取特定元素,如后代元素,子元素,相鄰元素和兄弟元素.
$("ancestor descendant") //后代選擇器
$("parent>child") //子代選擇器
$("prev+div") //兄弟選擇器 選取prev元素后的下一個(gè)div元素
$("prev~sibling") //兄弟選擇器 選取prev元素后的所有sibling元素
過(guò)濾選擇器
過(guò)濾選擇器規(guī)則與CSS中的偽類選擇器語(yǔ)法相同
選擇器都以一個(gè)冒號(hào)(:)開頭
過(guò)濾規(guī)則:基本過(guò)濾.內(nèi)容過(guò)濾.可見(jiàn)性顧慮.屬性過(guò)濾.子元素過(guò)濾.表單對(duì)象屬性過(guò)濾
: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>元素
子元素過(guò)濾選擇器
:nth-child(index/even/odd) //index從1開始 ,而eq(index)中的index是從0開始
:first-child 選取父元素中的第一個(gè)子元素
:last-child 選取父元素中最后一個(gè)子元素
表單對(duì)象屬性過(guò)濾選擇器
:enabled //選取所有可用元素 集合元素
:disabled //選取所有不可用元素
:checked //選取所有被選中的元素(單選框,復(fù)選框) 集合元素
:selected //選取所有被選中的選項(xiàng)元素(下拉列表) 集合元素
