jQuery - css() メソッド

❮ 前章へ 次章へ ❯

jQuery css() メソッド

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


CSS プロパティを返す

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

css("propertyname");

次の例は、最初にマッチした要素の background-color の値を返します:

$("p").css("background-color");
Try it Yourself »

CSS プロパティの設定

指定した CSS プロパティへの設定には、次の構文を使用します:

css("propertyname","value");

次の例は、マッチした全要素の background-color に値を設定します:

$("p").css("background-color", "yellow");
Try it Yourself »

複数 CSS プロパティの設定

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

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

次の例は、マッチした全要素の background-color と font-size を設定します:

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

練習問題で確認テスト!

練習問題 1 »  練習問題 2 »  練習問題 3 »  練習問題 4 »


jQuery CSS リファレンス

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


❮ 前章へ 次章へ ❯