jQuery 中的 mouseenter 和 mouseover 的区别？

什么是穿透？？？
首先来说说 mouseenter 和 mouseover 的相同点吧，二者都是鼠标划入事件，当鼠标划入指定的元素时就会触发事件。在所选元素没有子元素等嵌套元素的话，我觉得用 mouseenter 和 mouseover 都一样。
但是，不同的是：如果所选元素有嵌套的话， mouseover 可能就会被触发多次，而 mouseenter 则只会执行一次。因为只有在鼠标指针穿透该元素时才会触发 mouseenter 事件，而鼠标指针穿过任何子元素，都会触发 mouseover 事件。
For example ：

<style>
*{margin:0;padding:0;}
#outer{width:200px;height:200px;background:red;}
#inner{width:100px;height:100px;backgroud:blue;}
</style>
<script>
$("#outer").mouseenter(function(){
console.log(1);//控制台只会显示一次
})

$("#outer").mouseover(function(){
console.log(1);//鼠标移入显示一次，鼠标在子元素划过也会显示。
})
</script>
那么，问题来了，穿透！到底是什么意思？？？表示不太懂，求大神详解？？？