Ecco un piccolo snippet di codice per controllare se un elemento è nascosto con jQuery

Per controllare se un div o un elemento in generale è nascosto (hidden), è possibile fare un piccolo controllo. Ad esempio per vedere se l’elemento con id #elemento1 è nascosto dobbiamo effettuare un controllo del genere:

if(!$('#elemento1').is(':visible')){ 
    alert('elemento1 è nascosto');       
}

Ovviamente in questo caso pur avendo usato is(‘:visible’), il controllo viene effettuato all’inverso, poichè c’è la negazione “!”

Per cercare invece tutti gli elementi invisibili della pagina possiamo usare

$('div:hidden')

Ci verrà restituito un array contenente tutti i div nascosti. Ovviamente usando :visible, avremo l’array degli elementi visibili.