jQuery トラバーサル find() メソッド

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>



学び続ける
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭