Learning j query

Post on 18-Dec-2014

317 views 2 download

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

Ivan Ortega AlbaTecnologías Web

Aprender JQuery ¿Que lo hace interesante?

$()La función que todo lo hace

http://api.jquery.com/

$()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

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

Comunidad JQuery

¿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

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

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

Ivan Ortega AlbaTecnologías Web