選擇器動畫 |
實例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 |