jQuery: Cómo comprobar si un Elemento es invisible

Puede utilizar los selectores :visible y :hidden.

Esto puede verse así, por ejemplo:

if ($('#elemento1').is(":visible")) {
   alert('elemento1 es visible');
}

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

Cualquier elemento que reclame espacio dentro de una página es considerado visible por jQuery. Por lo tanto, por ejemplo, los elementos con opacity: 0 o visibility: hidden se consideran visibles porque ocupan espacio en el diseño a pesar de su invisibilidad.

El selector :visible es siempre lo opuesto al selector :hidden. Es decir, un elemento es siempre uno u otro.
23/03/2021 a las 20:14

Si desea seleccionar todos los elementos que son visibles o invisibles, puede usar :visible y :hidden de las siguientes maneras:

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

La primera línea muestra todos los divs que antes eran invisibles. La segunda línea oculta todos los spans visibles.
24/03/2021 a las 22:37