Conceptos Básicos de jQuery -$(document).ready()

$(document).ready()

No es posible interactuar de forma segura con el contenido de una página hasta que el documento no se encuentre preparado para su manipulación. jQuery permite detectar dicho estado a través de la declaración $(document).ready() de forma tal que el bloque se ejecutará sólo una vez que la página este disponible.

El bloque $(document).ready()

$(document).ready(function() 

{

       console.log('el documento está preparado');

});

Existe una forma abreviada para $(document).ready() la cual podrá encontrar algunas veces; sin embargo, es recomendable no utilizarla en caso que este escribiendo código para gente que no conoce

jQuery.

Forma abreviada para $(document).ready()

$(function() {

console.log('el documento está preparado');

});

Además es posible pasarle a $(document).ready() una función nombrada en lugar de una anónima:

Pasar una función nombrada en lugar de una función anónima

function readyFn() {

// código a ejecutar cuando el documento este listo

}

$(document).ready(readyFn);