Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo comprobar que un elemento está oculto o visible usando jQuery

A veces es necesario verificar si un div está visible u oculto antes de desencadenar un evento. Con jQuery, puede detectar fácilmente si un elemento específico en la página web está oculto o visible. jQuery : visible y : el selector oculto es la solución más fácil para detectar la visibilidad de los elementos.
El código de ejemplo le muestra cómo verificar si un elemento está visible u oculto usando jQuery.
$ ( document ) .ready ( function () {
     $ (" button ") .click ( function () {
         // Hide si no está oculto 
        $ (' div : visible') .hide ();
    
        // Mostrar si no es visible.  
        $ (' div : hidden') .show ();
    });
});
:visible
Los elementos que consumen espacio en el diseño se consideran visibles.
:hidden
Los elementos se consideran ocultos si:
  • Valor de visualización de CSS de ninguno.
  • Formar elementos con tipo = "oculto".
  • El ancho y la altura se establecen en 0.
También puede verificar si un elemento está visible u oculto usando jQuery.
// Comprueba la visualización de css: [none | block] 
$ (element) .is ( ": visible" );

// Comprueba la visualización de css: [none | block] 
$ (element) .is ( ": hidden" );

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas