Sencillo post para repasar la función de jQuery ready(), su funcionalidad es la de ejecutar funciones una vez cargada en su totalidad una página web (DOM).
Otra función de jQuery que es bastante útil para combinar con ready() es jQuery.noConflict(). De esta manera estamos previniendo que se den errores de duplicidad del alias $.
Veamos las posibles sintaxis extraídas de su web oficial:
$(document).ready(funcion) $().ready(funcion) /* no se recomienda */$(funcion)
Os explico los parámetros:
Os recomiendo leer estos post para saber usar los selectores y realizar diveras acciones:
Veamos una serie de ejemplos de esta función:
$(document).ready(function() { $("#parrafo").text("Probando la función ready()"); });
En el ejemplo superior estamos escribiendo un texto en un párrafo una vez cargada la página web. La función usada para escribir ha sido jQuery text().
$(document).ready(function(){ $("#boton").click(function(){ $("#parrafo").slideToggle(); }); });
En este otro ejemplo estamos mostrando u ocultando un párrafo una vez cargada la página web y tras hacer click en un botón con id=’boton’. La función usada para realizar este efecto ha sido jQuery slideToggle().