jQuery はコレクション オブジェクトです。DOM ツリー内でこれらの要素の子孫要素をすばやく見つけたい場合は、find() メソッドを使用できます。これも開発でよく使用されるメソッドです。ここで、children メソッドと find メソッドの違いに注意する必要があります。 Children は親子関係の検索であり、find は子孫関係 (親子関係を含む) です。
<div というノードの検索関係を理解します。 class="div">
<ul class= "son">
」この時点では、li と div は祖先であり、find メソッドを使用してすぐに見つけることができます。
find() メソッドについて注意すべき知識ポイント:
Find は、現在の要素コレクション内の各要素の子孫を走査することです。条件を満たしていれば息子でも孫でも関係ありません。
他のツリー トラバーサル メソッドとは異なり、セレクター式は .find() の必須パラメーターです。すべての子孫要素を取得する必要がある場合は、ワイルドカード セレクター '*' を渡すことができます。
Find は、それ自体を除き、子孫のみを検索します。
セレクター コンテキストは .find() メソッドによって実装されるため、$('.item-ii').find('li') は $('li', '.item-ii')(クラス名 item-ii) のタグの下にある li タグを見つけます。
注意すべき重要なポイント:
Find() メソッドと .children() メソッドは似ています
1. Children は、第 1 レベルの子ノードのみを検索します
2. find の検索範囲には、子ノードのすべての子孫ノードが含まれます
これをやってみよう 例を書いてみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<p>php.cn</p>
<ul>
<li>php<span> 中文网</span></li>
</ul>
</div>
<script>
$("div").find("span").css("color",'red');
</script>
</body>
</html>
次のセクション
