jQuery選擇 子代元素與後代元素的區別

2022-03-08 03:24:42 字數 281 閱讀 9368

(1)後代元素:html**如下,那麼在jquery選擇時,$(".test img"),中間為空格,則是選取後代元素,img對於ul來說是孫子輩元素,中間隔了li元素,所以後代元素是指ul標籤內的孫子輩、曾孫輩及以上元素。

(2)子元素:html**如下,那麼在jquery選擇時,$(".test>li"),中間為》大於號,則是選取子元素,li對於ul來說是兒子輩元素,所以子元素是指ul標籤內兒子輩的元素。

---------------------

原文:

jQuery查詢子元素與後代元素

子元素 children 方法 返回返回被選元素的所有直接子元素。children 選擇器 如選擇type為file的子元素 this children input type file 或者 p s 後代元素 find 方法 獲得當前元素集合中每個元素的後代,通過選擇器 jquery 物件或元素來篩...

JQuery 後代元素與子元素的差別

後代元素即層級比當前元素低的所有元素,包括子元素 子元素即層級比當前元素低一級的直接元素 參見 this isveryimportant.this is reallyveryimportant.以上是html。執行後在瀏覽器裡是看到 this isveryimportant.this is real...

《選擇器》 四 子代選擇器和後代選擇器

1 doctype html 2 html lang cn 3 head 4 meta charset utf 8 5 title title title 6head 7 body 8 div id father 9 div class red 1 div 10 div 211 p 21 p 12 ...