Una de las funcionalidades más interesantes de jquery, es lo mucho que facilita interactuar con los elementos de nuestras páginas webs. Vamos a ver un ejemplo en el que usamos un botón y el evento de hacer click en él. Veamos el código y lo explicaremos paso a paso después:

Para ver el resultado pulsa aquí

En primer lugar, hemos creado un botón html en nuestro documento html. Después creamos nuestro código jquery el cual tiene la siguiente sintaxis:
$("elemento").evento(parametro)

Como elemento ponemos nuestro botón, y como evento "click". Como parámetro, podemos poner una función, que será la encargada de mostrar el mensaje por pantalla.

Con este simple ejemplo ya vemos el abanico de posibilidades que se nos abre con este framework. En el siguiente post, vamos a ver todos los eventos que hay con algunos ejemplos

Para asegurarnos de que todo va a funcionar correctamente, debemos esperar que se carguen ciertas cosas antes. Para eso usaremos el evento ready, el cual chequea a la espera de que llegue ese momento. El problema que anteriormente nos encontrábamos es que había que esperar a que todos los elementos de la página estuvieran cargados (imágenes, banner...), lo cual no era lo más óptimo. Con este evento sólo habrá que esperar a que se cargue la estructura de la página.

Si has programado antes en javascript, todo esto te sonará, pero si no es el caso sólo tienes que saber que nuestro código deberá ir siempre en el sitio indicado a continuación:

Una vez tenemos el archivo jquery.js, lo situamos en la misma carpeta donde vayamos a tener nuestro archivo .html para después podere importarlo desde dicho documento. Nuestro primero código quedará así:

Como dije en el anterior post del tutorial, vamos a ir paso a paso, y aunque esto puede ser aburrido para muchos, habrá gente que necesite dar este primer paso. La acción vendrá en breve.