jquery中子元素和後代元素的區別範例介紹_jquery

今天學習jQuery的選擇器：

jQuery選擇器分為基本選擇器、層次選擇器、過濾選擇器、表單選擇器。

基本選擇器：id,class,標籤名，*，元素組合(div,span,p.myClass)

層次選擇器：

困難點： jquery中子元素和後代元素的區別
後代，就是當前元素的所有後代，都算，
子元素，就是當前元素的子集，再往下走就不算了。

特定的分析可以參考：

複製程式碼 程式碼如下:

This is very important.

This is really very important.

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

This is very important.
This is really very important.

這樣的樣式，為了容易看到效果，我們不妨嘗試用加入css顏色來試試看

如果執行$("div strong").css("color","re​​d");就是把div的後代元素strong變成紅色。運行後是

This is very important.
This is really very important.

如果運行$("div>strong").css("color","blue") ;就是把div的子元素strong變成藍色。運行後是
This is very important. This is really very important. 可以通俗的這樣理解，例如有一爺家人三代同堂，爺爺，父親和你，這樣話爺爺的子元素就是你父親，同時你父親也是爺爺的後代元素，而你只是爺爺的後代元素。