jQuery 子孫セレクターの使用例 example_jquery

この記事の例では、jQuery 子孫セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

子孫セレクターは、指定された祖先要素の下で一致するすべての子孫要素と一致します。

セレクターをクリックすると、リファレンス マニュアル内のすべての jQuery セレクターが表示されます。

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

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

$(".mydiv span")

上記のコードは、クラス名の mydiv 要素に含まれるspan要素と一致します。 2 つのセレクターはスペースで区切る必要があります。
コード例:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$(".mydiv スパン").css("色","赤"); })
})

スクリプト ホーム

スクリプト ホーム

クリックして効果を確認してください

この例では、クラス名 mydiv の div の下にあるspan要素のテキストの色を赤に設定します。

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