miércoles, 27 de agosto de 2014

Jquery I

Jquery es una librería de JavaScript. Que simplifica de manera notable a éste ultimo.Su pagina oficial es http://jquery.com/.

La sintaxis básica es:

$(selector).action()

El "selector" vendría hacer algún elemento (o pueden ser varios elementos) dentro del DOM. Y la "action" es el evento que haría los seleccionados.


Hagamos un breve ejemplo :

Html:

<html> 
<head> 
   <title>Ejemplo</title> 
</head> 
   <body> 
      <h1 id ="titulo">Hola mundo!</h1> 
   </body> 
</html>

JS:


$(document).ready(inicializarEventos);

function inicializarEventos() { 
   $("#titulo").click(presionTitulo); 
}
function presionTitulo() { 
   $("#titulo1").css("color","#ff0000"); 
}

En este caso el elemento seleccionado es el h1 con id "titulo", cada vez que hagamos click (el evento), este cambiara de color.


Importante:
No olvidarse de agregar la librería actualizada en cada pagina que vamos a utilizar jquery.

No hay comentarios:

Publicar un comentario