Desarrollo y servicios web Luisa Fernanda Rincón Pérez
¿Qué vimos la clase pasada? Javascript
Sesión 9. Jquery Documentación:
Biblioteca JavaScript para animaciones, y efectos. Simplifica la interacción con documentos HTML usando el DOM Soporte para manejo de eventos. Permite manipular CSS ¿Qué es Jquery?
¿Quién lo inventó? Creador: John Resig - Primera versión: 26 de Agosto del Sorprendió porque simplificaba la programación de código de JavaScript
¿Cómo se instala JQuery?
Instalación con los CDN
¿Cuál es su arquitectura? Fuente: content/uploads/2012/10/jQuery_Arq.jpg
Encontrar elementos html Cambiar contenido html Escuchar lo que hace el usuario Animar el contenido ¿Qué facilita Jquery?
El código debe correr después de que el navegador acaba de cargar la página. ¿Qué se requiere para usar jquery en una página?
Permiten la selección y manipulación de elementos HTML ¿Qué es un selector?
Existen tres tipos de selectores elemento, id, y clase
¿De qué otra manera se pueden seleccionar los elementos?
¿De qué otra manera se pueden seleccionar los elementos?
¿De qué otra manera se pueden seleccionar los elementos?
.length ¿Cómo saber cuántos elementos seleccioné?
¿Cómo filtrar los selectores?
¿Qué pseudo selectores existen? core/selecting-elements/
jquery/ /ch04.html Manipulación DOM
jquery/ /ch04.html Manipulación DOM
jquery/ /ch04.html Manipulación DOM Children trae solo un elemento
Permite hacer diferentes funcionalidades sobre el objeto Encadenamiento ( con objeto jquery)
Función que se pasa como argumento de otra para hacer que se ejecute una función hija cuando termine de ejecutarse la función padre( la que la llamó). NO genera bloqueos Callbacks
Eventos
show() y hide(): Muestra u oculta elementos. show(speed, callback): Especifica el tiempo de duración y el otro se llama cuando se termina. toggle(): Si está oculto se muestra o viceversa. fade(): Desvanece y aparece objetos. Efectos
Toggle Hide & Show Fade in Efectos
Principio DRY ¿Cómo hacer buen codigo Jquery?
Módulos, encapsulamiento, usar objectLiteral o module pattern ¿Cómo hacer buen codigo Jquery?
Jquery vs Javascript
core/ Guía completa
[1] Jquery: [2] Libro de Jquery jquery/ /ch04.html jquery/ /ch04.html [3] Tutorial online Jquery Referencias