hover包括了鼠标移到对象上，同时鼠标再移出对象的过程，相应的子类也被选中了。

而mouseover是鼠标经过对象时，不包含他的子类同时被选中。

主要区别在于 hover元素的子类上也有添加了事件驱动。而mouseover 只对当前元素添加事件驱动。

且 hover 事件包含mouseover 事件

$("td").hover(

     function () {
    $(this).addClass("hover");
  },

     function () {
    $(this).removeClass("hover");
  }

 );

来自 http://blog.sina.com.cn/s/blog_62d9b0bf0100r35v.html

html file:

 <script type="text/javascript" src="libs/jquery/jquery.js"></script>
 <script type="text/javascript" src="js/frontjs.js"></script>  


frontjs.js:
当鼠标移动到一个class 为wines的链接上时, 自动在其后添加id为countryList的list. 当鼠标跳至另一个class 为wines的链接上时, 去除前一个list, 生成新的list.
本例可以只用mouseOver()事件,$('.wines').mouseOver(winesMouseOver);

 $(document).ready(function(){
 
  winesMouseOver = function(){
   
    var $thisCategory = $(this);  //获取事件发生目标
    var categoryhref = $thisCategory.attr('href'); //取得链接属性
    var hrefANZ = categoryhref+'&co=1';   //list中的三个链接
    var hrefItaly = categoryhref+'&co=2';
    var hrefOthers = categoryhref+'&co=3';
  
      
   //去除已有的id 为 countryList的list, 否则会生成多个list.
    $('#countryList').remove(); 
    var countryList = '<ul id="countryList"><li><a href="'+hrefANZ+
                      '">Au & NZ</a></li><li><a href="'+hrefItaly+
                      '">Italy</a></li><li><a href="'+hrefOthers+
                      '">Others</a></li></ul>';   //list本身
    $thisCategory.after(countryList); //添加list

  }
 
    winesMouseOut = function(){

    }
   
    $('.wines').hover(winesMouseOver, winesMouseOut);  //加入到鼠标hover事件中.
});

来自 http://bbs.phpchina.com/blog-66527-33894.html

jQuery hover 与 mouseover 与mouseout 的区别