javascript - jQuery : should i check for visibility before hiding an element?

Question

最好的做法是在隐藏元素之前检查它是否可见，还是只隐藏它就可以了？这两种方式有什么好处？

在下面的示例中，在隐藏 .foo 元素之前首先检查可见性...

$('.dropdown').hover(function(){
    $(this).find('.menu').fadeToggle();
    if($('.foo').is(':visible')){
        $('.foo').fadeOut();
    };
});

或

$('.dropdown').hover(function(){
    $(this).find('.menu').fadeToggle();
    $('.foo').fadeOut();
});

Answer 1

这是来自 jQuery's .fadeOut() specs 的注释:

Note: To avoid unnecessary DOM manipulation, .fadeOut() will not hide an element that is already considered hidden.

所以，放轻松……隐藏一个已经隐藏的元素并没有错。 JQuery 会为您检查它。