lunes, 8 de febrero de 2010

JQuery

jQuery es una liviana libreria de JavaScript, pensada para interactuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.

Los comandos se reconocen por comenzar con el simbolo "$", y para acceder a los elementos de la página se usa la misma nomenclatura que en CSS:
  • Para las etiquetas: a , strong, div.
  • Para etiquetas con id: se pone # deltante del nombre de la etiqueta.
  • Para etiquetas con un class: se pon . deltante del nombre de la etiqueta
Vamos a ver un pequeño ejemplo:

Tegno una tabla con un listado, una de las columnas tiene una imagen y quiero que al pinchar en esa imagen me aparezca un texto.
Para ello hacemos lo siguiente:

En la etiqueta img tendremos la etiqueta id="filaSeleccionada"

Donde queremos que salga el texto pondremos por ejemplo dentro de la etiqueta div, le añadimos la etiqueta id='miFila' style="display: none" y dentro del div el texto que queremos que aparezca.

El código JQuery será:

$(document).ready(function(){
jQuery('#filaSeleccionada').click(function() {
jQuery('#miFila').show();
});
};


Es un pequeño ejemplo que iremos a medida que vaya conociendo mejor Jquery poniendolo más complicado.