jquery hoverメソッドを使ってマウスのホバーと離れたイベントを取得する

jquery hoverメソッドを使ってマウスのホバーと離れたイベントを取得する

jqueryでhoverメソッドを使ってマウスが要素にカーソルが当たったときと離れたときのイベントを取得するとサンプルコードとなります。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

hover利用

要素に、マウスをホバーした時と離れた時のイベント発生時にテキストを変更するサンプルコードとなります。

実行結果を確認するとマウスをホバーした時と離れた時でテキストが変更されることが確認できます。