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.