jQuery學習之過濾選擇器

:first 選取第一個元素：$("div:first")

:last 選取最後一個元素：$("div:last")

:not(selector) 取出除selector之外的其他元素：$("div:not(.class)")

:even 選取索引為偶數的元素：$("div:even")

:odd 選取索引為奇數的元素：$("div:odd")

:eq(index) 索引等於index：$("div:eq(1)")

:gt(index) 索引大於index：$("div:gt(1)")

:lt(index) 索引小於index：$("div:lt(1)")

:header 選擇所有標簽元素（h1,h2,h3)：$("div:header")

:animated 選取當前正在執行動畫的所有元素：$("div:animated")

內容過濾選擇器

:contain(text) 選取文本含有text的元素：$("div:contain('Hello world')")

:empty 選取不包含子元素或者文本的空元素：$("div:empty")

:has(selector) 選取含有選擇器所匹配的元素的元素：$("div:has(p)")

:parent 選取含有子元素或者文本的元素：$("div:parent")

可見性過濾選擇器

:hidden 選取不可見的元素

:visible 選取可見的元素

屬性過濾選擇器

[attribute] 選取擁有此屬性的元素：$("div[align]")

[attribute=value] 選取屬性值為value的元素：$("div[align=center]")

[attribute!=value] 選取屬性值不為value的元素：$("div[align!=center]")

[attribute^=value] 選取屬性值以value開始的元素：$("div[align^=center]")

[attribute$=value] 選取屬性值以value結束的元素：$("div[align$=center]")

[attribute*=value] 選取屬性值含有value的元素：$("div[align*=c]")

[attribute][attribute][attribute] 用屬性選擇器合併成的選擇器：$("div[align*=c][id][class]")

子元素過濾選擇器

:nth-child(index/even/odd/equation) 選取每個父元素下第index個元素（從1開始）

:first-child 選取每個父元素的第一個子元素

:last-child 選取每個父元素的最後一個子元素

:only-child 匹配只有一個子元素的父元素的子元素

表單對象屬性過濾選擇器

:enabled 選取所有可用元素

:disabled 選取所有不可用元素

:checked 選取所有被選中元素（單選框，覆選框）

:selected 選取所有被選中元素（下拉列表）