jquery中子元素選擇器和後代元素選擇器的區別:1、子元素選擇器的語法為“$("父元素>子元素")”,後代元素選擇器的語法為「$("父元素子元素")」;2、子元素選擇器只對直接後代產生影響,而對多層後代不產生作用,而後代元素選擇器是對所有指定的後代元素產生作用。
本文操作環境:windows10系統、jquery3.6.0版、Dell G3電腦。
後代元素:html程式碼如下,那麼在jquery選擇時,$(".test img"),中間為空格,則是選取後代元素,img對ul來說是孫子輩元素,中間隔了li元素,所以後代元素是指ul標籤內的孫子輩、曾孫輩及以上元素。
子元素:html程式碼如下,那麼在jquery選擇時,$(".test>li"),中間為>大於號,則是選取子元素,li對於ul來說是子輩元素,所以子元素是指ul標籤內兒子輩的元素。
後位選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔。當標記發生嵌套時,內層的標記就成為外層標記的後代。
子選擇器只對直接後代有影響的選擇器,而對「孫子後代」以及多層後代則不產生作用。
相同點
後位選擇器和子元素標籤都可以使用標籤名稱/id名稱/類別名稱等作為選擇器
後代選擇器和子元素標籤都可以透過各自的符號一直延續下去
在企業開發中如何選擇
如果想要選取指定標籤中的所有指定標籤,那麼就使用後代選擇器
如果想要選擇指定標籤中的所有特定的兒子標籤,那麼就使用子元素選擇器
#相關教學推薦:jQuery影片教學
以上是jquery中子元素選擇器和後代元素選擇器有什麼區別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!