例
直接の子である要素を返します<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ツリーダウン単一レベルを通過します。 （孫または他の子孫を返すために）複数のレベルを下にトラバースするには、使用find()メソッドを。
ヒント：DOMツリーを単一のレベルをアップトラバース、またはドキュメントのルート要素までのすべての方法（親または他の祖先を返すために）、使用するにはparent()またはparents()メソッド。
注：このメソッドは、テキストノードを返しません。 テキストノードを含むすべての子どもたちを返すには、使用contents()メソッドを。
構文
$(selector).children( filter )| パラメーター | 説明 |
|---|---|
| filter | 任意。 子供のための検索を絞り込むためにセレクタ式を指定します。 |
それを自分で試してみてください - 例
すべての直接の子を返します<ul>
すべての直接の子返す方法<ul>要素を。
検索を絞り込みます
すべて返すようにフィルタパラメータを使用する方法<li>の直接の子であること、「最初の」クラス名を持つ要素を<ul>
すべて返します<p>の直接の子である要素<div>
すべてを選択する方法<p>親の直接の子である要素<div>要素を。
タグ名によって要素の子孫を表示
子孫誰示しデモンストレーション<div>要素が実際にあります。