.class

version 1.0 以降

解説

指定されたclass属性値の要素にマッチします。

.class属性値

"."ピリオドの後ろに要素のclass属性値を指定します。マッチする要素は0個以上です。

例1:class属性値が"sea"の要素を選択し、背景を水色にします。

$(".sea").css("background-color", "aqua");

例2:class属性値が"mountain"のdiv要素を選択し、背景を黄緑色にします。

$("div.mountain").css("background-color", "greenyellow");

<div class="sea">
class属性値が"sea"のdiv要素
</div>

<div class="mountain">
class属性値が"mountain"のdiv要素
</div>

<div class="hill mountain">
class属性値が"hill" 及び "mountain"のdiv要素
</div>

<p class="mountain">
class属性値が"mountain"のp要素
</p>