返回值:jQuery:first-of-type
V1.9jQuery :first-of-type 選擇器概述
結構化偽類(lèi)，匹配E的父元素的第一個(gè)E類(lèi)型的孩子。等價(jià)于:nth-of-type(1) 選擇器。
解釋的很模糊，網(wǎng)上搜了很多都是扯淡的解釋?zhuān)髡咭仓荒茏约阂粋€(gè)個(gè)試，試了幾十次才弄的稍微有點(diǎn)清楚，如果錯了，慢點(diǎn)拍磚，怕怕。直接看示例。
描述:
查找作為父元素的span類(lèi)型子元素中的"長(cháng)子"的span標簽
HTML 代碼:
<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>jQuery 代碼:
$("span:first-of-type");結果:
//n4雖然不是n2的第一個(gè)子元素，但它是n2所有span類(lèi)型子元素中的第一個(gè)，因此可以匹配
[<span id="n4">span1</span>,<span id="n8" class="abc">span1</span>]HTML 代碼:
<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>jQuery 代碼:
$(".abc:first-of-type");結果:
//.abc可以匹配id分別為n2、n5、n8的3個(gè)元素，n2是n1所有div類(lèi)型子元素中的第一個(gè)，n8是n7所有span類(lèi)型子元素中的第一個(gè)，但n5不是n2所有span類(lèi)型子元素中的第一個(gè)，因此不能匹配n5。
[<div id="n2" class="abc">,<span id="n8" class="abc">span1</span>]