jQuery の場合: ヘッダー セレクターの使用例 example_jquery

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

このセレクターは、見出し要素、つまり (h1-h6) と一致します。

文法構造:

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

$(":header")

このセレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用​​されます。。例:

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

$(".qiantai:header").css("color" 、"青")

上記のコードは、クラス名 qiantai の title 要素のフォントの色を青に設定できます。
他のセレクターで使用しない場合、デフォルトの状態は * セレクターで使用されます。たとえば、$(":header") は $("*:header") と同等です。

コード例:

例 1:

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

<頭>



<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#btn").click(function(){
$(".qiantai:header").css("color","blue"); })
})

フロントデスクセクション

html エリア

div CSS エリア

jQuery ゾーン

JavaScript ゾーン

バックステージエリア

ASP ゾーン

php エリア

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




上記のコードは、class属性値がqiantaiであるtitle要素の文字色を青に設定できます。

例 2:





コードをコピーします

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

<頭> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ $(":header").css("color","blue"); })

})

フロントデスクセクション

html エリア

div CSS エリア

jQuery ゾーン

JavaScript ゾーン

バックステージエリア

ASP ゾーン

php エリア

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

上記のコードでは、:header セレクターで使用されるセレクターが指定されていないため、デフォルトで * セレクターで使用されます。したがって、上記のコードは、ヘッダー内のすべての要素のタイトル要素のテキストの色を設定できます。現在のドキュメントが青に変わります。

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