マウスmouseoverとmouseoutイベント

div内でマウスの移動移動効果を実現したいのですが、最初はjqueryのmouseoutとmouseoverイベントで実現していましたが、

$('.product).mouseover(function(){

        ……

}).mouseout(function(){

        ……

});    

しかし、マウスがdiv内の要素を移動するとmouseoutイベントもトリガーされ、最初は自分のコードが間違っているかどうかを考えていましたが、何度もチェックして問題ないことに気づきました.
コードに問題がない以上、なぜこのような状況が発生しますか?後で理由も考えずにインターネットで検索した結果、確かにこのような状況が存在していることがわかりました.解決策はmouseleaveとmouseenterです.
に表示されます.
なお、mouseoutの代わりにmouseleaveを使用するとエラーが発生する可能性がありますが、mouseoverを引き続き使用すると、mouseoverイベントがトリガーされ続け、
だから、jqueryの中の方法はペアで使ったほうがいいです.不要なエラーを避けることができます.