jQuery: Vérifier si un Élément est invisible

Vous pouvez utiliser les sélecteurs :visible et :hidden.

Cela peut ressembler à ceci, par exemple:

if ($('#element1').is(":visible")) {
   alert('element1 est visible');
}

if ($('#element2').is(":hidden")) {
   alert('element2 est invisible');
}

Tout élément qui réclame de l'espace dans une page est considéré comme visible par jQuery. Par conséquent, par exemple, les éléments avec opacity: 0 ou visibility: hidden sont considérés comme visibles car ils utilisent de l'espace dans la mise en page malgré leur invisibilité.

Le sélecteur: visible est toujours l'opposé du sélecteur :hidden. Autrement dit, un élément est toujours l'un ou l'autre.
21/03/2021 à 19:28

Si vous souhaitez sélectionner tous les éléments visibles ou invisibles, vous pouvez utiliser :visible et :hidden des manières suivantes:

$("div:hidden").show();
$("span:visible").hide();

La première ligne affiche tous les divs qui étaient auparavant invisibles. La deuxième ligne masque toutes les spans visibles.
22/03/2021 à 20:54