基本選擇器
#id //id選擇器
.class //類選擇器
element //標(biāo)簽選擇器
* //匹配所有元素
層次選擇器
通過DOM元素之間的層次關(guān)系來獲取特定元素,如后代元素,子元素,相鄰元素和兄弟元素.
$("ancestor descendant") //后代選擇器
$("parent>child") //子代選擇器
$("prev+div") //兄弟選擇器 選取prev元素后的下一個div元素
$("prev~sibling") //兄弟選擇器 選取prev元素后的所有sibling元素
過濾選擇器
過濾選擇器規(guī)則與CSS中的偽類選擇器語法相同
選擇器都以一個冒號(:)開頭
過濾規(guī)則:基本過濾.內(nèi)容過濾.可見性顧慮.屬性過濾.子元素過濾.表單對象屬性過濾
:first //選取第一個元素 單個元素
:last //選取最后一個元素 單個元素
:not(selector) //去除所有給定選擇器匹配的內(nèi)容 集合元素
eg:$("input:not(.text)") 選取class不是text的<input>元素
:even //選取索引是偶數(shù)的所有元素,索引從0開始 集合元素
:odd //選取索引是奇數(shù)的所有元素,索引從0開始 集合元素
:eq(index) //選取索引等于index的元素(index從0開始) 單個元素
:gt(index) //選取索引大于index的元素(index從0開始)
eg:$("ul>li:gt(5):not(:last)") //選取索引號大于5的li標(biāo)簽,并且不包含最后一個li元素
:it(index) //選取索引小于index的元素(index從0開始)
:header //選取所有的標(biāo)題元素,例如 h1,h2,h3等 集合元素
:animated //選取當(dāng)前正在執(zhí)行動畫的所有元素 集合元素
eg:$("div:animated")選取正在執(zhí)行動畫的<div>元素
子元素過濾選擇器
:nth-child(index/even/odd) //index從1開始 ,而eq(index)中的index是從0開始
:first-child 選取父元素中的第一個子元素
:last-child 選取父元素中最后一個子元素
表單對象屬性過濾選擇器
:enabled //選取所有可用元素 集合元素
:disabled //選取所有不可用元素
:checked //選取所有被選中的元素(單選框,復(fù)選框) 集合元素
:selected //選取所有被選中的選項元素(下拉列表) 集合元素
