?
本文檔使用 PHP中文網(wǎng)手冊(cè) 發(fā)布
結(jié)構(gòu)化偽類,匹配E的父元素的第一個(gè)E類型的孩子。等價(jià)于 :nth-of-type(1) 選擇器。
解釋的很模糊,網(wǎng)上搜了很多都是扯淡的解釋,作者也只能自己一個(gè)個(gè)試,試了幾十次才弄的稍微有點(diǎn)清楚,如果錯(cuò)了,慢點(diǎn)拍磚,怕怕。直接看示例。
查找作為父元素的span類型子元素中的"長(zhǎng)子"的span標(biāo)簽
<div id="n1"> <div id="n2" class="abc"> <label id="n3">label1</label> <span id="n4">span1</span> <span id="n5" class="abc">span2</span> <span id="n6">span3</span> </div> <div id="n7"> <span id="n8" class="abc">span1</span> <span id="n9">span2</span> </div> </div>
$("span:first-of-type");
//n4雖然不是n2的第一個(gè)子元素,但它是n2所有span類型子元素中的第一個(gè),因此可以匹配 [<span id="n4">span1</span>,<span id="n8" class="abc">span1</span>]
<div id="n1"> <div id="n2" class="abc"> <label id="n3">label1</label> <span id="n4">span1</span> <span id="n5" class="abc">span2</span> <span id="n6">span3</span> </div> <div id="n7"> <span id="n8" class="abc">span1</span> <span id="n9">span2</span> </div> </div>
$(".abc:first-of-type");
//.abc可以匹配id分別為n2、n5、n8的3個(gè)元素,n2是n1所有div類型子元素中的第一個(gè),n8是n7所有span類型子元素中的第一個(gè),但n5不是n2所有span類型子元素中的第一個(gè),因此不能匹配n5。 [<div id="n2" class="abc">,<span id="n8" class="abc">span1</span>]