jQuery - css()メソッド

jQuery css()メソッド

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

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

<div>css("<i>propertyname</i>");</div>

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

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

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

<div>css("<i>propertyname</i>","<i>value</i>");</div>

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

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

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

<div>css({"<i>propertyname</i>":"<i>value</i>","<i>propertyname</i>":"<i>value</i>",...});</div>

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

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

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

【2024年】人気プログラミングスクールを解説

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう！

スクールの詳細