jQueryのCSS()メソッド

jQuery css()このメソッドは、選択された要素の1つまたは複数のスタイル属性を取得または設定します。

このメソッドは、スタイル（インラインスタイル）をHTML要素に直接適用するための迅速な方法を提供します。

CSS属性値の返却

指定されたCSS属性の値を返すには、以下の構文を使用してください：

$("selector").css("property")

以下の例では、クリックされたDIVの背景色を返します：

$("div").click(function(){
　　$("this").css("background"-color");
});

CSS属性と値の設定

指定されたCSS属性と値を設定するには、以下の構文を使用してください：

$("selector").css("property", "value")

以下の例では、すべての段落のcolor属性を設定しています：

$("button").click(function(){
　　$("p").css("color", "blue");
});

使用する場合css()メソッド取得属性値を設定する場合、それは最初の選択された要素の値。

を使用してcss()メソッド設定属性値を設定する場合、それはすべての選択された要素属性の設定/値対。

複数のCSS属性と値の設定

複数のCSS属性と値を設定するには、以下の構文を使用してください：

$(selector).css({property:value,　property:value,　...})

以下のサンプルでは、すべての段落に複数のCSS属性と値が設定されています：

$("button").click(function(){
　　$("p").css({
　　　　"color":　"white",
　　　　"font-size":　"1.3em",
　　　　"background-"color":　"#4285f4",
　　　　"padding":　"20px"　　
　　});
});

jQueryのCSSリファレンス

完全なCSSメソッドのリファレンスについては、私たちのjQueryのHTML / CSSリファレンス。