7.jQuery選擇器之層次選擇器

層次選擇器:

查找子元素, 后代元素, 兄弟元素的選擇器

分類:



ancestor descendant

在給定的祖先的元素下匹配所有的后代元素


例如:ul span

//1. 選中ul下所有的的span

$('ul span').css('background', 'yellow')


parent > child

在給定父元素下匹配所有的子元素

例如:ul>span

//2. 選中ul下所有的子元素span

?$('ul>span').css('background', 'yellow')


prev + next

匹配所有緊接在prev元素后的next元素(只匹配一位)

//3. 選中class為box的下一個li

?$('.box+li').css('background', 'yellow')


prev ~ siblings

匹配prev所有元素之后的所有siblings元素

例如:ul .box~*

//4. 選中ul下的class為box的元素后面的所有兄弟元素

$('ul?.box~*').css('background', 'yellow')

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容