jQuery .class クラス名選択子

jQuerの選択子

の　 .class 　 指定されたクラスを持つ全ての要素を選択します。

これは、1文字以上の文字列の前に点（。）で宣言される。

クラス属性は、複数のHTML要素に特定のスタイルを設定するために使用されます。

HTML要素も複数のクラスを参照できます（以下の「例」を参照してください）。

注意：クラス属性の先頭には数字を付けないようにしてください。一部のブラウザでは例外が発生する可能性があります。

文法：

$(".class")

例

「demo」クラスを持つすべての要素を選択：

$(document).ready(function(){
　　$(".demo").css("background-color", "yellow");
});

「demo」クラスを持つすべての<p>要素を選択：

$(document).ready(function(){
　　$("p.demo").css("background-color", "yellow");
});

「myclass」と「otherclass」の複数のクラス名を持つすべての要素を選択：

$(document).ready(function(){
　　$(".myclass.otherclass").css("background-color", "yellow");
});

パラメータの値

jQuerの選択子