¿Cómo oculto y muestro elementos HTML usando JQuery?

Question

¿Cómo oculto y muestro elementos HTML usando JQuery sin ningún efecto especial?

Answer 1

Utilizando los métodos hide() y show():

$("selector").hide(); 
$("selector").show(); 

Donde "selector" es lo que sea apropiado. Al igual que:

<script type="text/javascript"> 
$(function() { 
    $("#mybutton").click(function() { 
    $("#mydiv").toggle(); 
    }); 
}); 
</script> 
<div id="mydiv"> 
This is some text 
</div> 
<input type="button" id="mybutton" value="Toggle Div"> 

El método toggle() sólo llama show() si oculta o hide() si no lo es.

Answer 2

$('#someElement').show(); //an element with id of someElement 

$('.someElement').hide(); //hide elements with class of someElement 

$('a').hide(); //hide all anchor elements on the page 

Ver:

http://docs.jquery.com/Effects/show

y

http://docs.jquery.com/Effects/hide

Además, sería una buena idea leer sobre selectores:

http://docs.jquery.com/Selectors

Answer 3

Ocultar elemento:

$('#myElement').hide(); 

Mostrar elemento:

$('#myElement').show(); 

Answer 4

Ocultar: http://docs.jquery.com/Hide

Mostrar: http://docs.jquery.com/Show

Answer 5

Alternar pantalla:

$('selector').toggle(); 

Mostrar:

$('selector').show(); 

Ocultar:

$('selector').hide(); 

Answer 6

$ ("selector") alternar() cambia el elemento DOM seleccionado (s) entre los ocultos y muestra. . $ ("selector"). Ocultar() oculta los elementos DOM seleccionados. $ ("selector"). Show() muestra los elementos DOM seleccionados.

Sin embargo, la verdad es que creo que podría haber resuelto este problema sin tener que consultar con stackoverflow. ¡Los documentos de jquery son bastante claros!

ver the jQuery online documentation para mostrar, ocultar y alternar.