過去バージョン

.css()

 

.css()を使用することで、個別の要素にインライン方式でCSSを設定することができる。

既に適用されているCSSの値を取得することもできる。

 

■.css(name)

・jQueryオブジェクトで指定した要素が持つ、引数に指定したCSSの値を文字列で取得する。 

（同じ要素が複数の場合、最初にマッチした要素が対象）　

戻り値:String

引数	説明
name	値を取得したいCSSのプロパティ名

使用例）

$('test').css("font-size");

 

 

■.css(name, value)

・CSS名（name）に値（value）を設定する。

　戻り値:jQuery

引数	説明
name	値を設定したいCSSのプロパティ名
value	設定する値

使用例）

$('test').css("color","red");

 

 

■.css(map)

・各属性にmap値を用いてまとめて値を設定する。

　戻り値:jQuery

引数	説明
map	CSSのプロパティ名と値のペアのマップ値を指定することで、 まとめて要素のCSSのプロパティを設定出来る。

使用例）

$('test').css({     'font-size' : '10px',     'font-weight' : 'bold',     'color' : 'red');