選擇器 | 實(shí)例 | 解釋 | |
基本選擇器 | |||
* | $(*) | 選取所有元素 | |
#id | $(“#a”) | 選取id=a的元素 | |
.class | $(“.b”) | 選取class=b的元素 | |
element | $(“p”) | 所有<p>元素 | |
.class.class | $(“.a.b”) | 選取所有class=a且class=b的元素 | |
基本過(guò)濾選擇器 | |||
:first | $(“p:first”) | 選取第一個(gè)p元素 | |
:last | $(“p:last”) | 選取最后一個(gè)p元素 | |
:odd | $(“p:odd”) | 選取所有奇數(shù)位上的p元素 | |
:even | $(“p:even”) | 選取所有偶數(shù)位上的p元素 | |
:ep(n) | $(“p:eq(n)”) | 選取第n位p元素(index從0開(kāi)始) | |
:gt(n) | $(“l(fā)i:gt(n)”) | 選取第n位之前的所有l(wèi)i元素(不包含第n位) | |
:lt(n) | $(“l(fā)i:lt(n)”) | 選取第n位之后的所有l(wèi)i元素(不包含第n位) | |
:root | $(“p:root”) | 選取p的根元素(不寫(xiě)標(biāo)簽時(shí)代表選取全局的根元素) | |
:header() | $(“p:header) | 選取P標(biāo)簽里的所有標(biāo)題(不寫(xiě)標(biāo)簽時(shí)代表選取全局的標(biāo)題) | |
:lang | $(“p:lang(language)”) | 給P標(biāo)簽選取指定的語(yǔ)言(不寫(xiě)標(biāo)簽時(shí)代表選取全局的標(biāo)題) | |
:not | $(“l(fā)i:not(.active)”) | 選取除了.active以外的元素 | |
:hidden | $(“p:hidden”) | 隱藏所有P標(biāo)簽 | |
:visible | $(“p:visible”) | 顯示所有p標(biāo)簽 | |
:target | $(“:target”) | 選取所有目標(biāo)狀態(tài)的元素 | |
:anmated | $(“p:anmated”) | 獲取正在運(yùn)行的動(dòng)畫(huà) | |
子元素過(guò)濾器 | |||
:first-child | $(“p p:first-last”) | 選取p里第一個(gè)標(biāo)簽為P的子元素 | |
:last-child | $(“p p:last-child”) | 選取p里最后一個(gè)為標(biāo)簽p的子元素(不限位置) | |
:first-of-type | $(“p p:first-of-type”) | 獲取p里出現(xiàn)的第一個(gè)p標(biāo)簽(不限位置) | |
:last-of-type | $(“p p:last-of-type”) | 獲取p里最后出現(xiàn)的p標(biāo)簽(不限位置) | |
:nth-child(n) | $(“p p:nth-child(2)”) | 獲取p里第二個(gè)p標(biāo)簽(下標(biāo)從1開(kāi)始) | |
:nth-of-type(n) | $(“p p:nth-of-type(2)”) | 獲取p里第二個(gè)出現(xiàn)的p標(biāo)簽(下標(biāo)從0開(kāi)始) | |
:nth-last-of-type(n) | $(“p p:nth-last-of-type(n)”) | 獲取p里倒數(shù)第幾個(gè)出現(xiàn)的p標(biāo)簽 | |
:only-child | $(“p p:only-child”) | 獲取p里唯一一個(gè)子元素p | |
:only-of-type | $(“p p:only-of-type”) | 獲取同輩p里唯一一個(gè)標(biāo)簽為p的標(biāo)簽 | |
:only-of-type(even/odd) | $(“p p:only-of-type(even/odd)”) | 獲取p里所有為奇數(shù)或偶數(shù)的P標(biāo)簽(下標(biāo)從1開(kāi)始) | |
內(nèi)容過(guò)濾器 | |||
:contains() | $(“p:contains(123)”) | 獲取p標(biāo)簽里所有包含“123”的標(biāo)簽 | |
:empty | $(“p:empty”) | 獲取p標(biāo)簽里沒(méi)有內(nèi)容的所有元素(空格也算內(nèi)容) | |
:has() | $(“p:has(P)”) | 獲取所有含有p標(biāo)簽的p | |
:parent | $(“p:parent”) | 獲取所有元素中柚子元素的p(包括文本節(jié)點(diǎn)) | |
表單選擇器 | |||
:text | $(“:text”) | 選取所有type為text的字段或type沒(méi)有屬性的 | |
: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”) | 被選中狀態(tài)的option元素 | |
:checked | $(“:checked”) | 被選中狀態(tài)的input元素(有checked的) | |
:focus | $(“:focus”) | 選取頁(yè)面進(jìn)去就有焦點(diǎn)的input | |
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com