jQuery選擇器

選擇器動畫

實例spa

解釋ci

基本選擇器element

*get

$(*)input

選取全部元素io

#idtable

$(「#a」)ast

選取id=a的元素class

.class

$(「.b」)

選取class=b的元素

element

$(「p」)

全部<p>元素

.class.class

$(「.a.b」)

選取全部class=a且class=b的元素

基本過濾選擇器

:first

$(「p:first」)

選取第一個p元素

:last

$(「p:last」)

選取最後一個p元素

:odd

$(「p:odd」)

選取全部奇數位上的p元素

:even

$(「p:even」)

選取全部偶數位上的p元素

:ep(n)

$(「p:eq(n)」)

選取第n位p元素(index從0開始)

:gt(n)

$(「li:gt(n)」)

選取第n位以前的全部li元素(不包含第n位)

:lt(n)

$(「li:lt(n)」)

選取第n位以後的全部li元素(不包含第n位)

:root

$(「p:root」)

選取p的根元素(不寫標籤時表明選取全局的根元素)

:header()

$(「p:header)

選取P標籤裏的全部標題(不寫標籤時表明選取全局的標題)

:lang

$(「p:lang(language)」)

給P標籤選取指定的語言(不寫標籤時表明選取全局的標題)

:not

$(「li:not(.active)」)

選取除了.active之外的元素

:hidden

$(「p:hidden」)

隱藏全部P標籤

:visible

$(「p:visible」)

顯示全部p標籤

:target

$(「:target」)

選取全部目標狀態的元素

:anmated

$(「p:anmated」)

獲取正在運行的動畫

子元素過濾器

:first-child

$(「div p:first-last」)

選取div裏第一個標籤爲P的子元素

:last-child

$(「div p:last-child」)

選取div裏最後一個爲標籤p的子元素(不限位置)

:first-of-type

$(「div p:first-of-type」)

獲取div裏出現的第一個p標籤(不限位置)

:last-of-type

$(「div p:last-of-type」)

獲取div裏最後出現的p標籤(不限位置)

:nth-child(n)

$(「div p:nth-child(2)」)

獲取div裏第二個p標籤(下標從1開始)

:nth-of-type(n)

$(「div p:nth-of-type(2)」)

獲取div裏第二個出現的p標籤(下標從0開始)

:nth-last-of-type(n)

$(「div p:nth-last-of-type(n)」)

獲取div裏倒數第幾個出現的p標籤

:only-child

$(「div p:only-child」)

獲取div裏惟一一個子元素p

:only-of-type

$(「div p:only-of-type」)

獲取同輩div裏惟一一個標籤爲p的標籤

:only-of-type(even/odd)

$(「div p:only-of-type(even/odd)」)

獲取div裏全部爲奇數或偶數的P標籤(下標從1開始)

內容過濾器

:contains()

$(「p:contains(123)」)

獲取p標籤裏全部包含「123」的標籤

:empty

$(「p:empty」)

獲取p標籤裏沒有內容的全部元素(空格也算內容)

:has()

$(「div:has(P)」)

獲取全部含有p標籤的div

:parent

$(「div:parent」)

獲取全部元素中柚子元素的div(包括文本節點)

表單選擇器

:text

$(「:text」)

選取全部type爲text的字段或type沒有屬性的

:password

$(「:password」)

選擇全部type爲password的

:reset

$(「:reset」)

選擇全部type爲reset(重置)的

:button

$(「:button」)

選擇全部type爲button(按鈕)的

:checkbox

$(「:checkbox」)

選擇全部type爲checkbox(多選)的

:radio

$(「:radio」)

選擇全部type爲radio(單選)的

:file

$(「:file」)

選擇全部上傳域

:image

$(「:image」)

選擇全部圖像按鈕

:input

$(「:input」)

選取全部input、textarea、select、button元素

:enabled

$(「:enabled」)

選取全部可用的input

:disabled

$(「:disabled」)

選擇全部不可用的input

:select

$(「:select」)

被選中狀態的option元素

:checked

$(「:checked」)

被選中狀態的input元素(有checked的)

:focus

$(「:focus」)

選取頁面進去就有焦點的input

相關文章
相關標籤/搜索