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

2021-09-25 23:25:42 字數 706 閱讀 6750

後代元素即層級比當前元素低的所有元素,包括子元素

子元素即層級比當前元素低一級的直接元素

參見 this isveryimportant.

this is reallyveryimportant.

以上是html。執行後在瀏覽器裡是看到

this isveryimportant.

this is

reallyveryimportant.

這樣的樣式,為了容易看到效果,我們不妨就嘗試用新增css顏色來試一下

如果執行$("div strong").css("color","red");就是把div的後代元素strong變為紅色。執行後是

this isveryimportant.

this is

reallyveryimportant.

如果執行$("div>strong").css("color","blue");就是把div的子元素strong變為藍色。執行後是

this isveryimportant.

this is

reallyveryimportant.

jQuery查詢子元素與後代元素

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

jquery中的子元素和後代元素的區別

難點 jquery中子元素和後代元素的區別 顧名思義,後代就是當前元素的所有後代,都是。子元素,就是當前元素的子集,再往下就不算了 this isvery strong important.div this is reallyvery strong em important.div 把div的後代元...

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

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