您好,登錄后才能下訂單哦!
選擇器
屬性選擇器: img[src="p_w_picpaths/2.jpg"]
開(kāi)頭匹配: a[href ^="page/"]
結(jié)尾匹配: a[href $="2.html"]
任意匹配: a[href *="2"] 只要這個(gè)屬性中出現(xiàn)"2", 就匹配.
分組匹配: div[data-haha ~="box"] data-haha 中有 "box" 這個(gè)屬性, 就匹配.
短橫匹配: div[data-haha |= "box"] data-haha 中有 "box-" 開(kāi)頭的字符, 就匹配.
有屬性匹配: div[alt] div 有 alt 這個(gè)屬性, 就匹配.
以上選擇器都兼容到 IE7, 并且不僅限于標(biāo)簽開(kāi)頭, 為了好區(qū)分就加上標(biāo)簽, 并且可連續(xù)使用:
div[alt][src^="p_w_picpaths"][src*="2"] 有alt屬性, src 屬性值開(kāi)頭為 p_w_picpaths, src 中存在 "2",匹配.
JQ 也能使用這類選擇器但不能有引號(hào), 且兼容 IE6.
--------------------------------------------------------------------------------------------------------
序選擇器:
p:only-child 這個(gè)元素為父級(jí)唯一的子級(jí)元素.
p:first-child 若父級(jí)盒子第一個(gè)元素為p, 則作用, 而不是所有的 p 元素排隊(duì)的第一個(gè)(IE7).
p:last-child 若父級(jí)盒子最后一個(gè)元素為p, 則作用, 而不是所有的 p 元素排隊(duì)的最后一個(gè)(IE9).
JQ 中也能用, 且 $("p :first") 是所有 p 元素的第一個(gè), 兼容 IE6.
P:nth-child(n) 作用于所有盒子中的第 n 個(gè) 元素且為 p 元素(從1開(kāi)始), 要選擇偶數(shù)參數(shù)寫 2n, 奇數(shù) 2n+1, 可自行調(diào)整(IE9).
JQ 中, $("p:eq(2)") 選擇所有第三個(gè)的p,吹哨. $("p:nth-child(3)") 不吹哨.
所謂的吹哨就是把一個(gè)頁(yè)面中所有的這個(gè)元素都叫出來(lái)大排隊(duì)...
p:first-of-type: 作用于父級(jí)盒子的第一個(gè)為 p 的元素(IE9).
p:last-of-type: 作用于父級(jí)盒子的最后一個(gè)為 p 的元素(IE9).
p:nth-of-type(n): 作用于父級(jí)盒子的正數(shù)第 n 個(gè), 2n為偶數(shù), 2n+1為奇數(shù)(IE9).
p: nth-last-of-type(n): 作用于父級(jí)盒子的正數(shù)第 n 個(gè), 2n為偶數(shù), 2n+1為奇數(shù)(IE9).
JQ 也支持這類選擇器, 兼容 IE6. 以上的 p 都可以換為基礎(chǔ)選擇器
--------------------------------------------------------------------------------------------------------
節(jié)點(diǎn)選擇器
兒子選擇器: div>p 選中 div 子級(jí)節(jié)點(diǎn)中的 p 元素(IE7).
下一個(gè)兄弟選擇器: h4+p 選中 h4 后面的為 P 的兄弟元素(IE7), $("div").nextSibling("p").fadeIn() 等價(jià)于 $("div+p").fadeIn(), 但操作機(jī)理完全不同.
后面所有兄弟: h5~p 選中 h5 后兄弟元素中所有的 P 元素(IE7). JQ 中 $("div").nextAll("p").fadeIn() 等價(jià)于 $("div~p").fadeIn(), 但操作機(jī)理完全不同.
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。