Ejemplos de jQuery

¡Mejora tus habilidades en jQuery con ejemplos!

Ejemplo de sintaxis de jQuery

$("this").hide()
Demostración de la función hide() de jQuery, ocultando el elemento HTML actual.
$("p").hide()
Demostración de la función hide() de jQuery, ocultando todos los elementos <p>.
$(".test").hide()
Demostración de la función hide() de jQuery, ocultando todos los elementos con class="test".
$("#test").hide()
Demostración de la función hide() de jQuery, ocultando el elemento con id="test".

Explicación de ejemplos

Ocultamiento - Deslizamiento - Desvanecimiento

jQuery fadeOut()
Demostración de la función jQuery fadeout() simple.
jQuery hide()
Demostración de la función jQuery hide() simple.
Ocultar explicaciones
Demostración de cómo ocultar parte del texto.
Panel deslizante
Demostración de un efecto de Panel Deslizante simple.
jQuery animate()
Demostración de la función jQuery animate() simple.

Explicación de ejemplos

Operaciones HTML

Cambiar el contenido de un elemento HTML.

Añadir contenido a un elemento HTML.

Añadir contenido después de un elemento HTML.

Explicación de ejemplos

Operaciones CSS

Cambiar las propiedades CSS de un elemento HTML.

Cambiar múltiples propiedades CSS.

Obtener las propiedades CSS de un elemento.

Explicación de ejemplos

AJAX y jQuery

Usar $(selector).load(url) para cambiar el contenido HTML.

Usar $.ajax(options) para cambiar el contenido HTML.

Explicación de ejemplos