jquery mouseover・mouseoutメソッドを使ってマウスオーバーとアウトを処理する

jquery mouseover・mouseoutメソッドを使ってマウスオーバーとアウトを処理する

jqueryでmouseover・mouseoutメソッドを使うとマウスオーバーとアウトを検知して処理を実行することができます。ここでは、mouseover・mouseoutメソッドを実際に使用したサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

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

mouseover・mouseout使い方

マウスオーバーとアウトした際に、テキストを変更するだけの簡単なサンプルコードとなってます。

実行結果を見ると、テキストが変更されていることが確認できます。