jquery's differences about mouseover and MouseEnter

Native MouseEnter is a dom3-level event, and for some frameworks such as jquery, this event has been implemented. But what difference does it have with mouseover?

jquery when implementing both events, MouseOver supports event bubbling, registering events at the parent, and triggering this event for child elements. MouseEnter only the element that the mouse strokes to register the event will be triggered.

Look at an example:

<script type= "Text/javascript" src= "Http://code.jquery.com/jquery-1.11.1.min.js" ></script><script Type= "Text/javascript" >x=0;y=0;$ (document). Ready (function () {  $ ("Div.over"). MouseOver (function () {        $ ( ". over span"). Text (x+=1);  });  $ ("Div.enter"). MouseEnter (function () {        $ (". Enter span"). Text (y+=1);  }); </script><div class= "Over" style= "Background-color:lightgray;padding:20px;width:40%;float:left" >< H2 style= "Background-color:white;" > Triggered Mouseover event: <span></span>