javascript - modal - En jQuery, ¿cómo puedo saber si el objeto actual está oculto o no?

saber si un elemento es visible javascript

Question

Antes de llamar:

$(''myObject'').show();

Quiero saber si actualmente está oculto o es visible.

Answer 1

De las preguntas frecuentes de jQuery :

 var isVisible = $(''myObject'').is('':visible'');
 var isHidden = $(''myObject'').is('':hidden'');

Answer 2

Puede probar esto con la función css ():

if ($(''myObject'').css(''display'') == ''none'') {
  $(''myObject'').show();
}

EDITAR:

No estaba al tanto de lo genial que es: el selector oculto. Mi sugerencia aún es útil para probar otros atributos, pero la sugerencia de Alex es más agradable en este caso.

Answer 3

También puede usar el Alternar $(this).toggle();

Answer 4

Hay 2 formas de hacerlo, que yo sepa:

if ($(''#something'').is('':hidden'')) { }

o

if ($(''#something'').is('':visible'')) { }

Ambos deberían funcionar.

También puedes hacer algo como esto:

$(''#something:hidden'').show();
$(''#something:visible'').hide();

Lo cual solo llamará a .show () si el elemento ya está oculto, o solo llama a .hide () si el elemento ya está visible.