イベントの扱い方その６（mouseover、mouseout）

jQuery イベントの扱い方

mouseover、mouseoutイベントについて。

マウスカーソルががお目当ての要素の上にきた時、あるいは要素の外に出た時に発生するイベント。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("div").mouseover(function(){
          $(this).css("color", "red");
        }).mouseout(function(){
          $(this).css("color", "black");
        });
      })
    </script>
  </head>
  <body>
    <div>ぱんぱかぱんつ</div>
  </body>
</html>