🕷️ Crawler Inspector

[askingbox.com](https://es.askingbox.com/) [👤 Iniciar Sesión](https://es.askingbox.com/login) [\+ Nuevo](https://es.askingbox.com/crear/pregunta) [🔎 Buscar](https://es.askingbox.com/busqueda) [Todos los Temas](https://es.askingbox.com/) \> [JavaScript](https://es.askingbox.com/portal/javascript) \> [jQuery](https://es.askingbox.com/portal/jquery) 11 Voto # jQuery: Cómo comprobar si un Elemento es invisible Pregunta de [Invitado](https://es.askingbox.com/user/invitado) \| 20/03/2021 a las 14:02 Usando las funciones .hide(), .show() y .toggle(), puedo cambiar fácilmente la visibilidad de elementos con jQuery. Pero, ¿cómo puedo usar jQuery o JavaScript para averiguar si un elemento es actualmente visible o invisible (hidden/oculto) en este momento? ResponderPositivoNegativoFechaVotos  [Stefan Trost](https://es.askingbox.com/user/stefan-trost) 2Mejor Respuesta2 Votos 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 ResponderPositivo Negativo  [NetLabel](https://es.askingbox.com/user/netlabel) 11 Voto 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 ResponderPositivo Negativo Responder ## Temas Relacionados ### [jQuery: ¿Hay un Elemento?](https://es.askingbox.com/consejo/jquery-hay-un-elemento) Consejo \| 1 Comentario ### [jQuery: Mostrar y Ocultar Elementos](https://es.askingbox.com/tutorial/jquery-mostrar-y-ocultar-elementos) Tutorial \| 0 Comentarios ### [JavaScript y jQuery: Reemplazar el contenido de un elemento usando innerHTML](https://es.askingbox.com/tutorial/javascript-y-jquery-reemplazar-el-contenido-de-un-elemento-usando-innerhtml) Tutorial \| 0 Comentarios ### [jQuery: Leer y Cambiar los Valores de los Atributos Data](https://es.askingbox.com/tutorial/jquery-leer-y-cambiar-los-valores-de-los-atributos-data) Tutorial \| 0 Comentarios ### [jQuery: Contar Elementos, Imágenes, Clases, etc.](https://es.askingbox.com/consejo/jquery-contar-elementos-imagenes-clases-etc) Consejo \| 0 Comentarios ### [MySQL: Saltos de Línea en MySQL](https://es.askingbox.com/consejo/mysql-saltos-de-linea-en-mysql) Consejo \| 0 Comentarios ### [JavaScript: Cómo cambiar y leer un valor de input sin jQuery usando JavaScript puro](https://es.askingbox.com/pregunta/javascript-como-cambiar-y-leer-un-valor-de-input-sin-jquery-usando-javascript-puro) Pregunta \| 1 Respuesta ## Aviso Importante Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. [Aprende más](https://es.askingbox.com/contribuciones). ## Participar Haga su propia pregunta o escriba su propio artículo en askingbox.com. [He aquí cómo](https://es.askingbox.com/portal/sobre-askingbox). ### Participar - [Iniciar Sesión](https://es.askingbox.com/login) - [Registrarse](https://es.askingbox.com/register) - [Hacer Pregunta](https://es.askingbox.com/crear/pregunta) ### Temas - [Todos los Temas](https://es.askingbox.com/) - [Temas abiertos](https://es.askingbox.com/busqueda/todos/0/0/0/0/0) - [Búsqueda Avanzada](https://es.askingbox.com/busqueda) ### Informacion - [User Top 100](https://es.askingbox.com/user/1) - [Donar](https://es.askingbox.com/donar) - [Anunciar aquí](https://es.askingbox.com/informacion/publicidad) ### Sobre - [Sobre Nosotros](https://es.askingbox.com/portal/sobre-askingbox) - [Contacto](https://es.askingbox.com/contacto) - [Empresa](https://es.askingbox.com/empresa) [Deutsch](https://www.askingbox.de/frage/jquery-pruefen-ob-ein-element-unsichtbar-ist) \| [English](https://www.askingbox.com/question/jquery-check-if-an-element-is-invisible) \| [Español](https://es.askingbox.com/pregunta/jquery-como-comprobar-si-un-elemento-es-invisible) \| [Français](https://fr.askingbox.com/question/jquery-verifier-si-un-element-est-invisible) [Aviso Legal](https://es.askingbox.com/aviso-legal) \| [Términos de Uso](https://es.askingbox.com/terminos-de-uso) \| [Declaración de Protección de Datos](https://es.askingbox.com/proteccion-de-datos) \| [Empresa](https://es.askingbox.com/empresa) [© Stefan Trost Media 2011-2026](https://www.stefantrost.com/) \| [Webdesign by STT Media](https://es.askingbox.com/informacion/askingbox-webdesign)

2Mejor Respuesta2 Votos 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 ResponderPositivo Negativo 11 Voto 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 ResponderPositivo Negativo