### 概述:

- children() 是，用於獲取每個匹配元素的所有直接子元素。這個方法返回一個包含所有直接子元素的 jQuery 物件。

### 基本語法:

$(selector).children()

### 範例:

- HTML:

    <div class="container">
      <p>Paragraph 1</p>
      <div class="inner">
        <p>Paragraph 2</p>
        <span>Span Element</span>
      </div>
    </div>

- JavaScript & jQuery:
- 指定當下元素後，針對該元素之子元素給予顏色樣式。

$(document).ready(function () {
  $(".container").children().css("color", "red");
});


### 進階使用:

- 也可以通過在 children() 中傳入一個選擇器，來只獲取符合條件的子元素:

$(document).ready(function () {
  $(".container").children().css("color", "red");
  // 指定特定類別
  $(".inner").children("span").css("color", "blue");
});