最新のWeb開発のチュートリアル
 

jQuery css() Method

<jQueryのHTML / CSSのメソッド

すべての<P>要素のcolorプロパティを設定します。

$("button").click(function(){
    $("p").css("color", "red");
});
»それを自分で試してみてください

定義と使用法

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

ときにプロパティを返すために使用:
この方法は、最初に一致した要素の指定されたCSSプロパティの値を返します。 ただし、(のような速記のCSSプロパティ"background""border" )完全にサポートされておらず、別のブラウザで異なる結果を与える可能性があります。

:プロパティを設定するために使用される場合
このメソッドは、すべてのマッチした要素の指定されたCSSプロパティを設定します。


構文

CSSプロパティの値を返します:

$(selector).css( property )

CSSプロパティと値を設定します。

$(selector).css(property,value)

関数を使用してCSSプロパティと値を設定します。

$(selector).css(property,function(index,currentvalue))

複数のプロパティと値を設定します。

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

パラメーター 説明
property 同様に、CSSプロパティ名を指定し"color", "font-weight"など
value 同様に、CSSプロパティの値を指定し"red", "bold" 、など
function(index,currentvalue) CSSプロパティの新しい値を返す関数を指定します。
  • index -セット内の要素のインデックス位置を返します。
  • currentvalue - CSSプロパティの現在の値を返します。

それを自分で試してみてください - 例

CSSプロパティの値を返します。
最初に一致した要素の指定されたCSSプロパティの値を返します。

関数を使用して設定CSSプロパティと値
選択した要素のCSSプロパティを変更する機能を使用しました。

複数のCSSプロパティと値のペアを設定します
選択した要素のために複数のCSSプロパティと値を設定する方法。


<jQueryのHTML / CSSのメソッド