/ No cliques aquí - Contacto

Tutorial jQuery

Home > Tutorial jQuery

Completo Tutorial jQuery dónde encontrarás los resúmenes del curso IFCD0110 de confección y publicación de páginas web.

jQuery es una librería de Javascript que simplifica mucho su escritura y manejo.

Espero que este tutorial os pueda ser de utilidad para profundizar vuestro conocimiento de los lenguajes de script.

Antes de leer este tutorial es conveniente que estés familiarizado html, css y javascript.

¡No caigas en la tentación de querer aprender jQuery sin aprender previamente Javascript!


Índice de contenidos de la guía


  1. Introducción a jQuery
  2. Como acoplar jQuery en un documento web.
  3. Como hacer que jQuery se ejecute una vez cargado el documento web
  4. Como saber si una web ha cargado correctamente la librería jQuery
  5. Como llamar a los nodos de un documento web.
  6. Como navegar entre los nodos de un documento web.
  7. Filtrado de nodos.
  8. Como se hace en javascript y como se hace en jQuery:
    1. Consultar, modificar, insertar, eliminar el html de un nodo web.
    2. Consultar, modificar, insertar, eliminar el css de un nodo web.
    3. Consultar y/o modificar los atributos de un nodo web.
    4. Consultar, modificar, insertar, eliminar el contenido de un nodo de tipo input.

  1. Añadir, modificar y eliminar nodos.
  2. Trabajar con eventos.
  3. Que es un callback y como usarlo.
  4. Validación de formularios con jQuery
  5. Principales animaciones en jQuery.
  6. .noConflict()

Ejercicios jQuery

La siguiente colección de ejercicios y prácticas está ordenada siguiendo el orden de conceptos de este tutorial.

  1. Ejercicio 1 – Acoplamiento de jQuery en un documento web.
  2. Ejercicio 2 – Identificación de nodos con jQ.
  3. Ejercicio 3 – Escribir html con jQ.
  4. Ejercicio 4 – Pintar un tablero de ajedrez.
  5. Ejercicio 5 – Accordion.
  6. Ejercicio 6 – Efecto blink con jQ.

  1. Ejercicio 7 – Telepronter (efecto marquee) con jQ
  2. Evolución del pase de diapositivas del tutorial Javascript.
  3. Ejercicio 9 – Animaciones con jQ
  4. Ejercicio 10 – Lista de la compra con jQ.
  5. Ejercicio 11 – Deshabilitar el envío de un formulario.
  6. Ejercicio 12 – Menú responsive en web responsive. (Repasar tutorial CSS)

Últimos contenidos sobre jQuery del blog

¿Estás intentando escribir jQuery y la función $() no hace nada? Posiblemente tienes un conflicto con el $. noConflict en esta entrada....

14 junio, 2019 /