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>

Xose de la Paz

Más de 20 años transformando pasión en profesión. Experto en desarrollo Full Stack con una visión integral que abarca desde la gestión de servidores y redes hasta el diseño de interfaz. Soy un "todoterreno" tecnológico que cree en el aprendizaje continuo y la visión global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi cámara al hombro.

Web | LinkedIn