このサンプルは、jQueryのcss()メソッドを利用して正方形の前景色を書き換えます。サンプルの正方形にマウスを移動すると前景色が「黒」から「赤」に変わります。
css("name","value")
cssメソッドの引数nameには、CSSのプロパティを指定します。引数valueには、プロパティの値を指定します。ここでは、colorプロパティに「red」を設定して前景色を「赤」に書き換えています。$(this)は、onhoverイベントが発生したdiv要素をポイントしています。
$("div").hover(function() {
$(this).css("color","red");
}, function() {
$(this).css("color","black");
});
<div>Div 0</div>
<div>Div 1</div>
<div>Div 2</div>
このサンプルは、jQueryのcss()メソッドを利用して正方形の前景色を書き換えます。サンプルの正方形にマウスを移動すると前景色が「黒」から「赤」に変わります。
css("name","value")
cssメソッドの引数nameには、CSSのプロパティを指定します。引数valueには、プロパティの値を指定します。ここでは、colorプロパティに「red」を設定して前景色を「赤」に書き換えています。$(this)は、onhoverイベントが発生したdiv要素をポイントしています。
$("div").hover(function() {
$(this).css("color","red");
}, function() {
$(this).css("color","black");
});
<div>Div 0</div>
<div>Div 1</div>
<div>Div 2</div>