鼠标离开内部还是外部鼠标进入？

Question

我正在学习 jQuery 的基础知识，当我发现 mouseleave 和 mouseenter 动作时，我开始想知道应该将 mouseleave 动作放在哪里？哪一个更正确，并且永远有效？

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).fadeTo('fast','1');
        $(this).mouseleave(function(){
            $(this).fadeTo('fast','0.25');
        });
    });
});

或者this1更好？

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).fadeTo('fast','1');
        });
        $('div').mouseleave(function(){
            $(this).fadeTo('fast','0.25');
        });
});

Answer 1

您的第二个选项更正确，它应该始终设置一个事件。每次触发mouseenter 时，您的第一个选项都会添加一个新的mouseleave 事件，从而导致许多附加事件。所以使用：

$('div').mouseenter(function () {
    $(this).fadeTo('fast', 'fast');
});
$('div').mouseleave(function () {
    $(this).fadeTo('fast', '0.25');
});

.hover(handlerIn, handlerOut) 实际上有一些很好的速记。

$('div').hover(
    function () { $(this).fadeTo('fast', 'fast'); },
    function () { $(this).fadeTo('fast', '0.25'); }
);