jQuery トラバーサル Children() メソッド
jQuery はコレクション オブジェクトです。コレクション內(nèi)の最初のレベルの子要素をすばやく見(jiàn)つけたい場(chǎng)合は、children() メソッドを使用できます。
ここに注意してください: .children(selector) メソッドは、一致する要素セット內(nèi)の各要素のすべての子要素を返します (親子関係として理解できる息子の世代のみ)
ノード検索の関係を理解し??ます:
<div class="div">
" " t;
上記のコード: $("div").children() の場(chǎng)合、div と ul には ul のみが見(jiàn)つかることを意味します。親子関係があり、li と div は祖先関係があるため、見(jiàn)つけることができません。
Children() メソッドで同じ種類(lèi)のセレクター式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>childred()</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<ul>
<li>php.cn</li>
<li>php 中文網(wǎng)</li>
</ul>
<p> php </p>
</div>
<script>
$("div").children().css("color", "red");
</script>
</body>
</html> 上記のコードは、Go to $("div").children() と記述します。 css("color", "red"); すると、div の下の子要素が検索されるため、div 內(nèi)の要素が赤になります。上記のコードを使用すると、色が変化することがわかります。 p タグ內(nèi)の要素は変更されていません。children() にパラメータがあるため、first が最初の要素です。したがって、div 內(nèi)の最初の子要素が見(jiàn)つかります<ul> がdiv の最初の要素なので、li タグ內(nèi)の要素が変更されます。コードをローカルに記述して試すことができます
。
