Mostrar y ocultar elementos html con jQuery

jQuery nos ofrece unas funciones muy versátiles y sencillas para ocultar y mostrar elementos de una página html.

$("elemento").hide(); //permite ocultar un elemento
$("elemento").show(); //muestra el elemento

Cabe recordar que en los ejemplos anteriores hay que sustituir «elemento» por el selector de aquello que queramos ocultar y mostrar. Repasamos algunas de la maneras más utilizadas para acceder a un elemento de la página:

$(".clase").hide(); //oculta todo los elementos html cuya class sea "clase" --> class="clase"
$("#id_elemento").show(); //muestra el elemento cuyo id sea "id_elemento" --> id="id_elemento"
$("p").hide(); //oculta todos los elemento p de una página --> <p></p>