jQuery_jqueryで子要素を検索する方法

この記事の例では、jQuery が子要素を検索する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

1.children() メソッド

は、一致した要素セット内の各要素のすべてのサブ要素を含む要素セットを取得するために使用されます。構文形式は次のとおりです。

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

children([selector])

$("#menu_ul").children().css("color", "blue");

2. find() メソッド

は、指定されたセレクター式に一致する子孫要素を、一致する各要素から検索するために使用されます。形式は次のとおりです。

コードをコピー コードは次のとおりです:find([selector])

$("ul").find("span").css("color", "blue");//ul要素の下のspan要素のテキスト要素を青に設定します

サンプルコードは次のとおりです:

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

<スクリプト言語="javascript" タイプ="text/javascript"> $(document).ready(function(){
$("#login").children("input").css("background","#FCF");//div要素の直接の子要素の背景色を設定します
$("#login").contents().css("color","re​​d") //指定された要素のテキストの色を設定します
$("#tab").find("td").css("border","1px plain blue").css("color","Green");//指定された div 要素の下に td 要素を設定します枠線とフォントの色
})

指定された要素の子要素を検索

ユーザー名: パスワード: & Lt; div & gt; & lt; 入力タイプ = "送信" 値 = "リセット"/& gt;/div & gt; >

<テーブル幅="452" 高さ="176" ボーダー="1">
セル セル

セル セル

セル セル

セル セル

セル セル

レンダリングは次のとおりです:

この記事が皆さんの jQuery プログラミングに役立つことを願っています。