                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

hover和mouseover的區(qū)別，為啥我下面的代碼效果一樣啊

看了這兩節(jié)理解的是hover=mouseenter+mouseleave ,不冒泡

請看一下我下面的代碼，為啥兩種方法效果一樣呢，按我理解，鼠標移動到.img 或.text層時point應該縮小的啊，為啥只有完全移出wrapper才會變化，求解答，謝謝

<!DOCTYPE?html><html>????<head>????????<meta?charset="utf-8"?/>????????<meta?name="viewport"?content="width=device-width,?initial-scale=1">????????<title></title>????????<script?src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"?type="text/javascript"?charset="utf-8"></script>????????<style?type="text/css">????????????.wrapper?{????????????????width:?300px;????????????????height:?300px;????????????????border:?1px?solid?#000;????????????}????????????????????????.img,????????????.text,????????????.point?{????????????????width:?100px;????????????????height:?100px;????????????????border:?1px?solid?#000;????????????????margin:?10px;????????????????float:?left;????????????}????????</style>????</head>????<body>????????<div?class="wrapper">????????????<div?class="img"></div>????????????<div?class="text"></div>????????</div>????????<div?class="point"></div>????????<script?type="text/javascript">????????????$('.wrapper').mouseover(function(e)?{????????????????$('.point').css('width',?'200px')????????????})?$('.wrapper').mouseout(function(e)?{????????????????$('.point').css('width',?'100px')????????????})?//???????????$('.wrapper').hover(function(){//???????????????$('.point').css('width','200px')//??????????},function(){//?????????????????$('.point').css('width','100px')//??????????})????????</script>????</body></html>