jquery中子元素和后代元素的區別示例介紹

2019-11-20 20:52:47

字體：大中小

來源：轉載

供稿：網友

今天學習jQuery的選擇器：

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

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

層次選擇器：

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

具體的分析可以參考：

復制代碼代碼如下:

 
<div>This is <strong>very</strong> important.</div> 
<div>This is <em>really <strong>very</strong></em> important.</div> 

以上是html。運行后在瀏覽器里是看到

This is very important.
This is really very important.

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

如果運行$("div strong").css("color","red");就是把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.

可以通俗的這樣理解，例如有一家人三代同堂，爺爺，父親和你，這樣話爺爺的子元素就是你父親，同時你父親也是爺爺的后代元素，而你只是爺爺的后代元素。

上一篇：jquery跟js初始化加載的多種方法及區別介紹

下一篇：js 日期比較相關天數代碼