jQuery是一個(gè)合集對(duì)象,如果想快速查找合集里面的第一級(jí)子元素,此時(shí)可以用children()方法。這里需要注意:.children(selector) 方法是返回匹配元素集合中每個(gè)元素的所有子元素(僅兒子輩,這里可以理解為就是父親-兒子的關(guān)系)
理解節(jié)點(diǎn)查找關(guān)系:
<div class="div">
<ul class="son">
<li class="grandson">1</li>
</ul>
</div>
代碼如果是$("div").children(),那么意味著只能找到ul,因?yàn)閐iv與ul是父子關(guān)系,li與div是祖輩關(guān)系,因此無(wú)法找到。
children()無(wú)參數(shù)
允許我們通過(guò)在DOM樹(shù)中對(duì)這些元素的直接子元素進(jìn)行搜索,并且構(gòu)造一個(gè)新的匹配元素的jQuery對(duì)象
注意:jQuery是一個(gè)合集對(duì)象,所以通過(guò)children是匹配合集中每一給元素的第一級(jí)子元素
.children()方法選擇性地接受同一類型選擇器表達(dá)式
$("div").children(".selected")
同樣的也是因?yàn)閖Query是合集對(duì)象,可能需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo)元素,所以允許傳一個(gè)選擇器的表達(dá)式
具體的操作,請(qǐng)參考右邊的代碼
請(qǐng)?jiān)谟疫叴a區(qū)域的第60行填入任務(wù)代碼
找到所有class=div的元素節(jié)點(diǎn),然后找到其對(duì)應(yīng)的子元素,并且加上一個(gè)紅色邊框
$('.div').children().css('border', '3px solid red')
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)