Método ready() de jQuery

Eventos de jQuery

El método ready() especifica la función que se debe ejecutar cuando el DOM se ha cargado completamente.

Lo correcto es esperar a que el documento esté completamente cargado y listo antes de usarlo.

Si se ejecuta un método antes de que el documento esté completamente cargado, aquí hay algunos ejemplos de operaciones fallidas:

• Intentar seleccionar un elemento no creado

• Intentar obtener el tamaño de una imagen no cargada

Sintaxis:

El método ready() se usa generalmente junto con una función anónima:

$("document").ready(function(){
　　//　Llamada al procesador de ready()
　　});

jQuery tiene un método más corto para manejar el evento de documento listo:

$((function(){
　　//　Llamada al procesador de ready()
　　});

Ejemplo

Mostrar un mensaje al cargar el DOM:

$("document").ready(function(){
　　$("p").text("Ya se ha cargado el DOM, puede operarlo.");
});

Usar una sintaxis más corta para mostrar un mensaje al cargar el DOM:

$((function(){
　　$("p").text("Ya se ha cargado el DOM, puede operarlo.");
});

Usar ready() para hacer que la función esté disponible después de que se cargue el documento:

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

Valores de parámetros

Eventos de jQuery