jQuery セレクター: ヘッダーの使用法の詳細な説明

概要

h1、h2、h3 などのタイトル要素を照合します

例

説明:

ページ内のすべてのタイトルに背景色を追加します

HTML コード:

<h1>Header 1</h1> <p>Contents 1</p> <h2>Header 2</h2> <p>Contents 2</p>

jQueryコード:

$(":header").css("background", "#EEE");

結果:

[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]

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

構文構造:

$(":header")

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

$(".qiantai:header").css("color","blue")

上記のコードは、クラス名 qiantai の title 要素のフォントの色を青に設定できます。

他のセレクターで使用しない場合、デフォルトの状態は * セレクターで使用されます。たとえば、$(":header") は $("*:header") と同等です。

コード例:

例1:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

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

例 2:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

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

以上がjQuery セレクター: ヘッダーの使用法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。