El otro día, apareció una noticia en JavaHispano en la que se acababa ponendo en duda la capacidad de jQuery. Pués bien, este post para explicar algo de jQuery que creo que hace que este framework me maraville.

Y es:

$().ready(function() {
    //aquí lo que quieras, que funciona
});

Estas simples líneas permiten manipular el DOM de una página web justo en el momento en que este está construido y antes de que esté completamente cargado. Que qué quiere decir esto? Esto es poder ejecutar el javascript, ya sea para manipular el DOM, cambiar estilos al vuelo, asignar eventos a los elementos del DOM, o lo que se te ocurra antes de que el evento “onload” del documento se ejecute.

Y por qué es necesario esto? Necesario, necesario puede que no lo sea. Pero es una ventaja poder ejecutar el javascript antes de cargar, sobretodo, las imágenes que la web pueda tener.

Podeis hacer la prueba. En un mismo html haced dos scripts el primero que muestre un alert como este:

window.onload = function () { alert ("DOM cargado"); }

y el segundo script con el siguiente código:

$().ready( function() {
    alert ("DOM preparado");
}

Cuál es el resultado?