hover、mouseover&mouseout

隔行换色问题

<style type="text/css">
        .div{margin:10px;padding:10px;border:1px solid #000;}
        .odd{background-color:#333;}
        .even{background-color:#999;}
        /*放在奇偶两个样式后面以免后面jq操作时active样式被覆盖*/
        .active{background-color:yellow;}
</style>
......
<script type="text/javascript">
    $(function () {
        $(".div:odd").addClass("odd");
        $(".div:even").addClass("even");
        $("div").each(function (i) {
           /*
            $(this).mouseover(function () {
                $(this).addClass("active");
            }).mouseout(function () {
                $(this).removeClass("active");
            })
            */

           //hover(移入function，移出function)
           $(this).hover(function () {
               $(this).addClass("active");
           },function () {
               $(this).removeClass("active");
           })
        })
    })
</script>