jQueryオブジェクトの hover() メソッド

要素にマウスカーソルが乗ったとき及び要素からマウスカーソルが降りたときのイベントハンドラを指定する。

構文

jQueryObject.hover(handlerIn, handlerOut)

jQueryObject.hover(handlerInOut)

引数

以下に示す引数をjQueryオブジェクトのhoverメソッドに指定することができる。

handlerIn

マウスのポインタが要素に入ったときに実行する関数

handlerOut

マウスのポインタが要素から出たときに実行する関数

handlerInOut

マウスのポインタが要素に入ったとき、およびマウスのポインタが要素から出たときに実行する関数

サンプル

<div id="d1">
  ここにマウスカーソルを出し入れしてください。
</div>
<script>
  let e = jQuery('#d1')
  e.hover(function(){
    e.text('mouseover')
  }, function(){
    e.text('mouseout')
  })
</script>
  

参考文献

OpenJS Foundation (2022) .hover() | jQuery API Documentation