Hola Mundo con jQuery

jQuery es una librería JavaScript que nos permite modificar los documentos HTML, gestionar eventos, animación y gestión AJAX de una forma sencilla.

Descargar jQuery

Lo primero que tenemos que hacer para utilizar jQuery es descargarnos la librería. Todas las versiones de jQuery las podemos encontrar en http://code.google.com/p/jqueryjs/downloads/list. Actualmente la versión a descargar es jQuery-1.3.1 (versión desarrollo o versión producción).

Instanciar la librería

Una vez que tengamos la librería, lo primero que tenemos que hacer es instanciarla. Para ello simplemente cargamos la clase JavaScript.

<script src="jquery-1.3.1.js" type="text/javascript"></script>

Evento ready()

El código jQuery se pondrá dentro del evento ready(). Este evento de jQuery es el que controla que el documento HTML esté cargado. Una vez cargado el documento es cuando se empezarán a ejecutar las diferentes sentencias.

$(document).ready(function(){
 ...
});

Crear el Hola Mundo

En lo que consistirá nuestro Hola Mundo con jQuery será en hacer que cualquier enlace de la página nos muestre una ventana de alerta diciendo “Hola Mundo”. Para acceder a un elemento del tipo anchor - A utilizamos la función $(), a la cual pasaremos el tipo de elemento HTML.

Sobre este elemento vamos a gestionar el evento onClick, el cual en jQuery se maneja mediante el evento click.

$("A").click(function(){...})

En el evento click mostraremos la ventana de alerta. Así que el código final quedará de la siguiente forma:

$(document).ready(function(){
 $("a").click(function() {
     alert("Hola Mundo con jQuery!");
   });
});

Solo nos quedará incluir un elemento anchor - A dentro de la página web.