jQuery中的mouseleave和mouseout的区别

 $("li").each(function(i) {
            //删除的鼠标划过的显示与隐藏
            $(this).mouseover(function() {
                $(this).find(".del").fadeIn(10);
            })
            $(this).mouseleave(function() {
                $(this).find(".del").fadeOut(10);
            })
        })

上面的代码中如果不是用的mouseleave而是mouseout的话你会发现尚未离开类名的.del这个DIV这个DIV有时候就会闪动。那是因为你可能离开了该DIV的子元素，所以会出发mouseout事件。具体mouseleave和mouseout两者之间的区别主要有以下两点：

1.不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

2.只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

做评论这块儿的时候发现会这样的闪动却怎么都不知道原因，今天在博客园闲逛看到了，记录一下。

PS：我的淘宝店铺新开业，经营各种桌游，棋牌，希望大伙儿能来看看！http://201314yes.taobao.com/

来源：https://www.cnblogs.com/jenney-qiu/archive/2012/02/10/2345338.html