jquery中子元素選擇器和后代元素選擇器的區(qū)別:1、子元素選擇器的語法為“$("父元素>子元素")”,后代元素選擇器的語法為“$("父元素 子元素")”;2、子元素選擇器只對直接后代產(chǎn)生影響,而對多層后代不產(chǎn)生作用,而后代元素選擇器是對所有指定的后代元素產(chǎn)生作用。
前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
本文操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版、Dell G3電腦。
jquery中子元素選擇器和后代元素選擇器有什么區(qū)別?
后代元素:html代碼如下,那么在jquery選擇時(shí),$(".test img"),中間為空格,則是選取后代元素,img對于ul來說是孫子輩元素,中間隔了li元素,所以后代元素是指ul標(biāo)簽內(nèi)的孫子輩、曾孫輩及以上元素。
子元素:html代碼如下,那么在jquery選擇時(shí),$(".test>li"),中間為>大于號,則是選取子元素,li對于ul來說是兒子輩元素,所以子元素是指ul標(biāo)簽內(nèi)兒子輩的元素。
-
后代選擇器的寫法就是把外層的標(biāo)記寫在前面,內(nèi)層的標(biāo)記寫在后面,之間用空格分隔。當(dāng)標(biāo)記發(fā)生嵌套時(shí),內(nèi)層的標(biāo)記就成為外層標(biāo)記的后代。
-
子選擇器只對直接后代有影響的選擇器,而對“孫子后代”以及多層后代不產(chǎn)生作用。
相同點(diǎn)
后代選擇器和子元素標(biāo)簽都可以使用標(biāo)簽名稱/id名稱/類名稱等作為選擇器
后代選擇器和子元素標(biāo)簽都可以通過各自的符號一直延續(xù)下去
在企業(yè)開發(fā)中如何選擇
如果想選中指定標(biāo)簽中的所有指定標(biāo)簽,那么就使用后代選擇器
如果想選擇指定標(biāo)簽中的所有特定的兒子標(biāo)簽,那么就使用子元素選擇器
相關(guān)教程推薦:jQuery視頻教程