jQuery_jqueryのfind()メソッドの使用例

この記事の例では、jQuery での find() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素コレクション内のすべての要素の子要素を取得し、セレクター、jQuery オブジェクト、または要素によって削除します。
find() メソッドは、一致する要素の子孫要素を取得する良い方法です。

注: Children() は第 1 レベルの子要素のみを取得しますが、find() はすべての子要素を検索します。

文法構造 1:

コードをコピーします コードは次のとおりです:

$(selector).find(expr)

パラメータリスト:

参数	描述
expr	字符串值，定义筛选表达式。

コード例:

コードをコピーします コードは次のとおりです:

<メタ文字セット = " utf-8" >
<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$(".father").find("p").css("color","re​​d"); })

私は孫です p

私は私の息子です

私は兄弟ですp

上記のコードは、親要素の下にあるすべての p 要素のフォントの色を赤に設定できます。


文法構造 2:

コードをコピーします

コードは次のとおりです:
$(selector).find(element)

一致する要素の下に指定された要素を見つけることができます。 パラメータリスト:

Example code:

Copy code The code is as follows:

I am grandson p

I am my sonp

I am a brotherp

The above code can set the border of the element whose id attribute value is myp under the father element to one pixel red.

I hope this article will be helpful to everyone’s jQuery programming.