Mouse MouseOver and Mouseout events

In the div you want to implement the mouse move-out effect, the first time is the jquery mouseout and mouseover events to achieve,

$ ('. Product '). MouseOver (function () {        ...}). Mouseout (function () {        ...});    

But when the mouse in the div inside the element moved also triggered the Mouseout event, the first time to think of their own code is not written wrong, but examined many times, found no problem,

Since there is no problem with the code, why does this happen? Behind the unexpected reason on the Internet search, the results found that there is really this situation, the solution is to use MouseLeave and MouseEnter

To implement the move-in removal effect.

Note that there may be errors when using MouseLeave instead of mouseout, but continuing to use mouseover will cause the MouseOver event to be triggered all the time.

So, the method in jquery is better to be paired, to avoid unnecessary errors.

Mouse MouseOver and Mouseout events