jQueryでfind()メソッドを使用する方法

jQuery の find() メソッドは、現在の要素の子孫を返すために使用されます。要素内の CSS クラスを検索することで、単一の要素または複数の要素を返すことができます。また、* 記号を使用してすべての要素を返すことができます。 .

jQuery には、選択された要素のすべての子孫を検索して返すメソッドがあります。これらの要素は、子、子の子、子の子などです。現在の要素内の各要素の子孫を取得するために使用されるメソッドは find() です。これは主にセレクター、jQuery オブジェクト、または要素を通じてフィルター処理します。

[推奨コース: jQuery チュートリアル ]

find() メソッドの使用法

HTML コード:

<div class="demo">
    <ul>
        <li>php中文网</li>
        <li>php中文网</li>
        <li class="findMe">php中文网</li>
        <li>php中文网</li>
        <li>php中文网</li>
    </ul>
</div>

(1) 単一要素の検索:

$(".demo").find(".findMe").css("color", "pink");

レンダリング:

レンダリングから、3 番目の li だけが色を変えていることがわかります。

(2) in jQuery Separatedカンマで区切って、複数の子要素を返します

$(".demo").find(".findMe1,.findMe2,.findMe3").css("color", "pink");

レンダリング:

# (3) すべての子孫要素を返します

返すことができます* 記号までのすべての子孫要素

$(".demo").find("*").css("color", "pink");

レンダリング:

概要: 上記は jQuery に関するものです。 ) メソッド、皆さんのお役に立てば幸いです

以上がjQueryでfind()メソッドを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。