Learning j query

15
Ivan Ortega Alba Tecnologías Web

description

A introduction about JQuery. Some examples how make a tooltips or Ajax transaction. Also how make a validation on a form and references to examples code writed by me.

Transcript of Learning j query

Page 1: Learning j query

Ivan Ortega AlbaTecnologías Web

Page 3: Learning j query

Aprender JQuery ¿Que lo hace interesante?

Page 4: Learning j query

$()La función que todo lo hace

http://api.jquery.com/

Page 5: Learning j query

$()Puede usar selectores del tipo CSS:● Target HTML(a,input, etc)● Clases (aplica a todos los elementos

pertenecientes a esa clase)● id -> La primera que encuentra● Padre-hijo, encadenados, etc

Page 6: Learning j query
Page 7: Learning j query

¿Solo la API?Tienes infinidad de modulos/plugin para hacer lo que se te ocurra

Page 8: Learning j query

Comunidad JQuery

Page 10: Learning j query

¿Y si necesito datos de mi DB? ¿O mandar el form a un php?

En resumen, no recargar mi página, y que el servidor trabaje en Back-End

Page 11: Learning j query
Page 12: Learning j query

http://api.jquery.com/category/ajax/

Page 13: Learning j query
Page 14: Learning j query

ReferenciasEjemplo de selector: http://jsfiddle.net/ivanortegaalba/L2SE8/Ejemplo de ventana emergente(tooltips): http://jsfiddle.net/ivanortegaalba/Q6c8q/2/Ejemplo de validación usando validate(): http://jsfiddle.net/ivanortegaalba/aFSQ7/Introducir comentarios con ajax:http://www.jose-aguilar.com/blog/jquery-ajax-comments/Manual muy útil y sencillo en español:http://www.desarrolloweb.com/manuales/manual-jquery.html

Page 15: Learning j query

Ivan Ortega AlbaTecnologías Web