jQuery 基本フィルタ（6） 「:header」フィルタ

選択された要素のなかからヘッダータグのみを抽出します。

ヘッダータグとはh1タグはh2タグのことを言います。

以下サンプルになります。

<title>基本フィルタ</title>



$(function(){
        // ヘッダー要素の文字色を赤に
        $(":header").css("color", "red");
});



<h3>japan</h3>
<div id="first">
<p>zack japan</p>
<p>kamo japan</p>
<p>torushie japan</p>
</div>
<h3>fruit</h3>
<div id="second">
<p>orange</p>
<p>lemon</p>
<p>apple</p>
<p>peach</p>
</div>
<h3>animal</h3>
<div id="third">
<p>lion</p>
<p>puma</p>
</div>

<title>基本フィルタ</title>

$(function(){

// ヘッダー要素の文字色を赤に

$(":header").css("color", "red");

});

<h3>japan</h3>

<p>zack japan</p>

<p>kamo japan</p>

<p>torushie japan</p>

</div>

<h3>fruit</h3>

<p>orange</p>

<p>lemon</p>

<p>apple</p>

<p>peach</p>

</div>

<h3>animal</h3>

</div>

ここでは、すべての要素の中からヘッダータグを抽出し、それに対し文字色を
赤に設定しています。

$(":header").css("color", "red");

1	$(":header").css("color", "red");