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的子元素，所以会触发mouseout事件。具体mouseleave和mouseout两者之间的区别主要有以下两点：

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

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