Tutorial jQuery

Write less, do more

Jquery no está de moda y sin embargo muchísimas plantillas web lo siguen usando. Jquery permite hacer con unas pocas líneas lo que en javascript puro requiere escribir muchísimo más.

Aunque he titulado esta página como tutorial, en realidad lo que vas a encontrar son algunos resúmenes de clase jQuery que he utilizado en algunas ocasiones como complemento a la enseñanza de Javascript.

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 con el javascript puro y con los selectores css.

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

Tabla de contenidos

Índice de resúmenes

Contenidos en negro todavía no desarrollados. Próximamente…

  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.

Contenidos en negro todavía no desarrollados. Próximamente…

  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