知りたいこと
マウスオーバー実装する際、下記何れの方法でも出来ることは同じですか?
- jQuery の hover()
- CSS の :hover
・jQuery は、CSSを操作してマウスオーバーを実装するので、出来ることは同じ?
・jQuery の hover()でしか出来ないことはありますか?
質問経緯
マウスオーバー後の表示色を1色指定しているjQueryコードがあります。マウスオーバー時に元の色を表示するよう変更しようしたのですが期待した通り動作しません
元コード
hoge.hover(function () {
$(this).css({
'background': settings.focusColor,
'cursor': 'pointer'
});
}, function () {
$(this).css({
'background': settings.background,
'cursor': 'default'
});
});
マウスオーバー時に元の色を表示するよう変更しようしたのですが期待した通り動作しないコード
hoge.hover(function () {
$(this).css({
'background': settings.focusColor,
'cursor': 'pointer'
});
}, function () {
$(this).css({
'background': '',
'cursor': 'default'
});
});
解決できないためCSSで実装するよう変更しようと思うのですが、マウスオーバー(マウスアウト含む)をjQueryで実装している理由がもしかしたら何かあるのかな、と思い質問しました