jQuery鼠标悬停和mouseout事件背靠背射击

Question

这是我的事件监听器，用于在用户将鼠标悬停在某个项目上时执行操作，并在停止悬停时撤消该操作。但由于某些原因，一旦鼠标进入div，事件就会重新开始。这段代码有问题吗？它匹配jQuery站点上的示例代码。

var doc = $(document);

doc.on({
    mouseenter: function (e) {
        $(this).fadeOut();
    },
    mouseleave: function (e) {
        $(this).fadeIn();
    }
}, ".selector");