Le sélecteur ":hidden" sélectionne tous les éléments qui sont cachés
Le sélecteur ":visible" sélectionne tous les éléments qui sont visibles.
Sélectionner tous les éléments ":hidden" ayant la classe "maClass" et changer la taille du texte contenu dans ces éléments.
Exemple : $( ".maClass:hidden" ).css( "fontSize", "2.4em" );.
Nota bene : un élément est visible si la propriété offsetWidth ou la propriété offsetHeight est supérieure à 0.
Un élément du DOM est considéré ":hidden" si :
- il a une valeur d'affichage nulle ;
- c'est un élément de formulaire de type "hidden" ;
- sa largeur et sa hauteur sont explicitement mises à 0 ;
- l'élément ancêtre est caché ;
- si lui ou l'un de ses parents ne consomme pas d'espace dans le document.
Nota bene : la propriété CSS "visibility" n'est pas prise en compte, car l'élément consomme de l'espace dans le document.
Exemple : console.log( $( this ).css( "visibility", "hidden" ).is( ":hidden" ) );,
retournera "false" !