JQuery中使用mouseover事件和mouseout事件作用在同一个元素上时出现闪烁现象_js mouseover 判断悬停在同一元素

前提：实现一个电影网站中的关于选定图片出现一个新的div容器展示具体电影详情的功能（通过使用visibility属性隐藏一个div并显示另一个div）

操作：我把mouseover事件和mouseout事件作用到一个div容器时，整个div出现了闪烁的现象，

原因：纠结了很久，才发现了一个问题，没考虑浏览器的冒泡行为

        冒泡行为：所谓冒泡行为，通俗的说是说某个元素触发了一个事件后，这个事件后相继在它的所有组元素上再次触发，并且这个事件从原始元素开始一直冒泡到DOM树的最上层

        举个例子，有如下关系A->B->C->D

        A是老祖宗，B是爷爷，C是爸爸，D是儿子，（也就是我。。。）

        这时D触发了一个按钮，比如给C（爸爸）买了一块表，这之后，C（爸爸）又会再执行这个按钮事件，又给B（爷爷）买了一块表，然后B（爷爷）同样如此，给A（老祖宗）也买了一块表。。（孝心杠杠的！！）

解决：

        对于解决这个问题，我没有具体考虑，而是换了一个思路完成了同样的功能，通过百度，看到了一个大佬是真正解决了这个问题：div 内部元素出发 mouseout 和mouseover 事件解决

        我使用了另一个事件绑定的方法：hover()方法（用于模拟鼠标悬停事件，当鼠标悬停在某元素上时触发第一个函数，鼠标溢出时触发第二个函数），语法格式如下 

hover(overFn,[outFn]);(千万别忘了这个分号，养成好习惯！)