css(properties)

説明補足説明コードコメント投稿

このサンプルは、jQueryのCSS()メソッドを利用してdiv要素の背景色と前景色を書き換えます。サンプルの正方形上にマウスを移動すると正方形の背景色と前景色が変わります。マウスを正方形の外に移動するともとのカラーに戻ります。

このサンプルは、jQueryのCSS()メソッドを利用してdiv要素の背景色と前景色を書き換えます。サンプルの正方形上にマウスを移動すると正方形の背景色と前景色が変わります。マウスを正方形の外に移動するともとのカラーに戻ります。

css({name1:"value1", name2:"value2",...})
html要素のスタイルシート(CSS)を書き換えるには、jQueryのCSS()メソッドを使用します。このメソッドの引数には、CSSのプロパティを指定します。プロパティは、名前(name)と値(value)をペアで指定します。複数のプロパティを指定するときはJSON形式{name1:"value1",name2:"value2",...}で記述します。ここでは、div要素のhoverイベントハンドラでdiv要素の背景色と前景色を書き換えています。$(this)はonhoverイベントが発生したdiv要素を意味します。 

$("div").hover(function() {
  $(this).css({backgroundColor:"red", color:"yellow"});
  }, function() {
  $(this).css({backgroundColor:"green", color:"black"});
});

<div>Div 0</div>
<div>Div 1</div>
<div>Div 2</div>