<script type="text/javascript">

        var i = 0;
        $(".aaron1 p").mouseover(function(e) {
            //只要在arron1 p区域内，任意元素的移动都会触发事件
            $(".aaron1 a:first").html('mouseover事件触发次数：' + (++i))
        })
        
        var n = 0;
        $(".aaron1").mouseover(function() {
            //只要在arron1区域内，任意元素的移动都会触发事件
            $(".aaron1 a:last").html('mouseover冒泡事件触发次数：' + (++n))
        })


    </script>


    <script type="text/javascript">

        var i = 0;
        $(".aaron2 p").mouseenter(function(e) {
            //进入aaron2 p的区域才触发事件，里面外面有什么元素不管
            $(".aaron2 a:first").html('mouseenter事件触发次数：' + (++i))
        })

        var n = 0;
        $(".aaron2").mouseenter(function() {
            //进入aaron2的区域才触发事件，里面有什么元素不管
            $(".aaron2 a:last").html('mouseenter冒泡事件触发次数：' + (++n))
        })

    </script>

mouseover()和mouseenter()的区别我是这样理解的，看注释