jQuerychildren （）メソッド
例
<ul>の直接の子である要素を返します。
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
結果：
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
定義と使用法
children（）メソッドは、選択された要素のすべての直接の子を返します。
DOMツリー：このメソッドは、DOMツリーの1レベル下をトラバースするだけです。複数のレベルをトラバースするには（孫または他の子孫を返すため）、 find（）メソッドを使用します。
ヒント： DOMツリーの1レベル上、またはドキュメントのルート要素まで（親または他の祖先を返すために）トラバースするには、 parent（）または parents（）メソッドを使用します。
注：このメソッドはテキストノードを返しません。テキストノードを含むすべての子を返すには、contents（）メソッドを使用します。
構文
$(selector).children(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for children |
自分で試してみてください-例
すべての直接の子を返す<ul>要素のすべての直接の子を返す方法。
を絞り込むフィルターパラメーターを使用して、クラス名が「first」で、<ul>の直接の子であるすべての<li>要素を返す方法。
。親の<div>要素の直接の子であるすべての<p>要素を選択する方法。
する<div>要素の子孫が実際に誰であるかを示すデモンストレーション。