Hola Mundo con jQuery

23/ene/2009 jQuery , , 4 Comentarios
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.

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).

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

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

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.

  1. $(document).ready(function(){
  2. ...
  3. });

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.

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

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

  1.  
  2. $(document).ready(function(){
  3. $("a").click(function() {
  4. alert("Hola Mundo con jQuery!");
  5. });
  6. });
  7.  

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

Vídeos sobre jQuery

Ningún video coincide

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

4 comentarios en “Hola Mundo con jQuery”

Víctor Cuervo

Víctor Cuervo

@david,

Me alegro que te haya gustado. 😀

Saludos.

Víctor Cuervo

david

Excelente ejemplo. Muy bien explicado
Gracias por el aporte

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*