jQuery日本語リファレンス

jQuery does not mean Japanese Query...

Events/API/jQuery

hover(over, out)

マウスホバーの動きをシミュレートします。

マウスカーソルが要素の上に乗った時に、第一引数に渡した関数を実行します。マウスが要素から外れた時には第二引数が実行されます。要素内にある他の要素上にマウスカーソルが入った場合にも、マウスは”out”にならず、”over”のままです。例えばAというdiv内にBというimgがある場合、B上にカーソルが入ってもAのoutは発生しません。これはdivのmouseoutイベントを用いた場合とは違う動作になるので注意してください。
サンプル
サンプル1
リストにマウスが乗った際に、span要素を設定します。外れた際には要素を削除します。
<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Chips</li>
  <li>Socks</li>
</ul>
$("li").hover(
  function () {
    $(this).append($("<span> ***</span>"));
  },
  function () {
    $(this).find("span:last").remove();
  }
);
[全コードを表示] [実行結果を単体で表示]