Jquery es una de las librerías javascript más usadas. Tienes otras opciones como Script.aculo.us, mootols…
Estas librerías te ayudan a acceder a los objetos que forman tu pagina web, controlar los eventos, crear animaciones, ajax…
Puedes descargarte la ultima versión de la librería en la página oficial de Jquery. Una vez la tengas debes incluirla en el código HTML de tu página. Para ello, ya sabes que debes incluir en la cabecera el siguiente código:
<script type=”text/javascript” src=’jquery.js’></script>
Ahora ya estas listo para empezar.
Selectores de objetos
Si no utilizas ninguna librería, puedes seleccionar un objeto del DOM utilizando alguna de las sentencia:
- document.getElementById( ‘Identificador’ )
- document.getElementByName( ‘nombre )
- document.getElementByTagName( ‘nombre )
Con Jquery seleccionamos los objetos utilizando $(”). Puedes seleccionar utilizando:
- $( ‘#div_cabecera’ ): Esta sentencia nos devuelve el conjunto de objetos con identificador div_cabecera.
- $( ‘div’ ): Nos devuelve el conjunto de objetos del tipo div.
- $( ‘.div_cabecera’ ): Nos devuelve el conjunto de objetos de la clase div_cabecera. Podemos escribir varias clases a la vez, $( ‘.clas1.clas2′ ), y nos devolverá el conjunto de objetos que tienen ambas clases.
- $( ‘*‘ ): Nos devuelve el conjunto de todos los objetos.
Podemos utilizar varios selectores separados por comas en la misma sentencia. Podemos escribir $( ‘#cabecera, div’ ) para trabajar con todos los objetos con identificador cabecera mas todos los divs.
Puedes ver mas sobre los selectores en la documentación de Jquery
Seguiré hablando de Jquery en los siguientes Post.
