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/