javascript - Comment vérifier si un élément est caché dans jQuery

Mots clés : javascriptjquerydomvisibilityjavascript

meilleur 5 Réponses javascript - Comment vérifier si un élément est caché dans jQuery

vote vote

91

// Checks CSS content for display:[none|block], ignores visibility:[true|false] $(element).is(":visible");  // The same works with hidden $(element).is(":hidden"); 
vote vote

86

// Matches all elements that are hidden $('element:hidden') 
// Matches all elements that are visible $('element:visible') 
vote vote

71

if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){     // 'element' is hidden } 
<div id="div1" style="display:none">   <div id="div2" style="display:block">Div2</div> </div> 
vote vote

66

$(".item").each(function() {     if ($(this).css("visibility") == "hidden") {         // handle non visible state     } else {         // handle visible state     } }); 
vote vote

52

var isVisible = $('#myDiv').is(':visible'); var isHidden = $('#myDiv').is(':hidden'); 
 $('#myDiv:visible').animate({left: '+=200px'}, 'slow'); 

Questions similaires