jQuery mouseover()メソッド

❮jQueryイベントメソッド

マウスポインタが<p>要素の上にある場合、背景色を黄色に設定します。

$("p").mouseover(function(){
  $("p").css("background-color", "yellow");
});

定義と使用法

マウスオーバーイベントは、マウスポインタが選択した要素の上にあるときに発生します。

mouseover()メソッドは、mouseoverイベントをトリガーするか、mouseoverイベントが発生したときに実行する関数をアタッチします。

注:mouseenterイベントとは異なり、mouseoverイベントは、マウスポインターが、選択された要素だけでなく子要素にも入るとトリガーされます。mouseenterイベントは、マウスポインタが選択した要素に入ったときにのみトリガーされます。デモについては、ページの最後にある例を参照してください。

ヒント:このイベントは、多くの場合、 mouseoutイベントと一緒に使用されます。


構文

選択した要素に対してマウスオーバーイベントをトリガーします。

$(selector).mouseover()

マウスオーバーイベントに関数をアタッチします。

$(selector).mouseover(function)

Parameter Description
function Optional. Specifies the function to run when the mouseover event is triggered

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


の違いmouseover()、mouseenter()、mousemove()の違いを示します。


❮jQueryイベントメソッド