JQuery es un Framework de Javascript que nos permite simplificar la manera de interactuar con el árbol DOM del documento HTML con el que estemos trabajando en ese momento. Nos permite manejar eventos, desarrollar animaciones e interactuar con la tecnología AJAX con la página web. JQuery es software libre y nos ofrece una serie de funcionalidades desarrolladas en JavaScript, simplificando al programador su trabajo.

El Modelo de Objetos del Documento (DOM) es una interfaz de programación de aplicaciones (API) para documentos HTML y XML. Define la estructura lógica de los documentos y el modo en que se accede y manipula un documento.

Lo podemos hacer de varias formas, como puede ser enlazarlo en nuestra web como un fichero .js normal, o bien, enlazarlo de forma remota, que es lo que están haciendo últimamente muchos desarrolladores ya que esto asegura el mejor tiempo de carga posible, ya que muchos de los que visiten la web, ya pueden tener la librería cargada en caché, lo que ahorraría tiempo de carga. Esta forma de hacerlo sería la siguiente:

Código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

- En Foroactivo se usa la ultima manera. Aunque también, la podemos agregar desde nuestra gestión de paginas JavaScript.

Lo primero que nos debemos de asegurar es que el documento está listo para trabajar con él. Con esto nos aseguramos dos cosas. Primero, que el código no se ejecute hasta que el DOM no esté completamente listo, asegurándonos de que todos los elementos existen y están cargados. Lo segundo que nos aseguramos de que el código está separado de XHTML y CSS.

Para conseguir esto, el código es el siguiente:

Código:

$(document).ready(function(){
  //El código
});