jQuery mouseenter()メソッド

❮jQueryイベントメソッド

マウスポインタが<p>要素に入るとき、背景色を黄色に設定します。

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

定義と使用法

mouseenterイベントは、マウスポインターが選択された要素の上にある(入る)ときに発生します。

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

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

ヒント:このイベントは、 mouseleaveイベントと一緒に使用されることがよくあります。


構文

選択した要素に対してmouseenterイベントをトリガーします。

$(selector).mouseenter()

mouseenterイベントに関数をアタッチします。

$(selector).mouseenter(function)

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

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


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


❮jQueryイベントメソッド