jQuery_jqueryでのchildren()メソッドの使用例

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

このメソッドは、一致する要素セット内の各要素のすべての子要素を含む要素セットを取得します。
一致した子要素は、オプションの式によってフィルタリングできます。

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

文法構造:

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

$(selector).children(expr)

パラメータリスト:

参数	描述
expr	可选。用以过滤子元素的表达式

コード例:

例 1:

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

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$(".father").children().css("height","100px");
})

私は孫です p

私は私の息子です p

私は兄弟ですp

このメソッドは、第 1 レベルの子要素のみに一致します。

例 2:

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

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

私は孫です p

私は私の息子です

私は兄弟ですp

上記のコードは、class属性値がchildrenである子要素のフォントの色を赤に設定できます。