jQuery- css()メソッド


jQuery css()メソッド

このcss()メソッドは、選択した要素の1つ以上のスタイルプロパティを設定または返します。


CSSプロパティを返す

指定されたCSSプロパティの値を返すには、次の構文を使用します。

css("propertyname");

次の例では、最初に一致した要素の背景色の値を返します。

$("p").css("background-color");

CSSプロパティを設定する

指定されたCSSプロパティを設定するには、次の構文を使用します。

css("propertyname","value");

次の例では、一致するすべての要素の背景色の値を設定します。

$("p").css("background-color", "yellow");

複数のCSSプロパティを設定する

複数のCSSプロパティを設定するには、次の構文を使用します。

css({"propertyname":"value","propertyname":"value",...});

次の例では、一致するすべての要素の背景色とフォントサイズを設定します。

$("p").css({"background-color": "yellow", "font-size": "200%"});

jQueryの演習

エクササイズで自分をテストする

エクササイズ:

このメソッドを使用してcss()、ピンクの背景色を<p>要素に追加します。

$("p").("", "");


jQueryCSSリファレンス

すべてのjQueryCSSメソッドの完全な概要については、jQuery HTML / CSSリファレンスにアクセスしてください。