jQueryオブジェクト .mouseenter()

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

jQueryObject.mouseenter(handler)
handler
要素にマウスカーソルが乗ったときに実行するハンドラ

サンプル

画像の中にマウスカーソルを出し入れしたときに、不透明度を変更する例を次に示す。

<img src="portrait.jpg" id="portrait">
<script>
  let e = $('#portrait')
  e.mouseenter(function(){
    e.css('opacity', '.5')
  })
  e.mouseleave(function(){
    e.css('opacity', '1')
  })
</script>
portrait