Antes que nada voy a realizar una breve introducción sobre lo que es jQuery, y también explicar los conceptos básicos de como se debe usar este magnifico framework javascript.
Que Es jQuery?
Puedo decir que jQuery es un framework Javascript, y qué es un framework. Pues es una plataforma que sirve como base para la programación avanzada de aplicaciones, que aporta una serie de funciones o códigos
para realizar tareas habituales. Por decirlo de otra manera, framework son unas librerías de
código que contienen procesos o rutinas ya listos para usar.
Instalacción
Para comenzar a trabajar con jQuery, primero necesitamos descargar la versión mas actual de la librería.
Puedes descargar la última versión de jQuery desde
jquery.com. Una vez que descarges la librería ya tendrás todo lo necesario para comenzar a trabajar.
Uso
Lo primero que debemos hacer para poder utilizar jQuery, es añadir la librería en el archivo HTML en el que quieras utilizarlo. Para ello, añade la siguiente línea dentro de la etiqueta
HEAD de tu HTML.
<html>
<head>
<title>Documento sin título</title>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
Aquí estamos suponiendo que el archivo jquery.js está en la carpeta js/ que esta en la raíz del archivo html.
Y para empezar a trabajar con jQuery solo falta registrar el evento que nos indica que el DOM está listo, para esto hay 2 formas de hacerlo.
$(document).ready(function() {
//Aquí va lo que vamos hacer
});
Esto es similar a la típica llamada
"window.onload" que se hace en Javascript cuando queremos que algo se ejecute al terminar de cargar la página. Y la otra forma es.
$(function() {
//Aquí va lo que vamos hacer
});
Yo personalmente uso la segunda forma, ya que es menos código y hace exactamente lo mismo que la primera.
