Como hacer que jQuery se ejecute una vez cargado el documento web

En web suele ser una buena idea esperar a que se haya cargado toda la página para cargar el Javascript.

De este modo conseguimos que la velocidad de carga percibida por el usuario sea mucho mayor y además evitamos molestos errores de Javascript por no existir todavía alguna etiqueta de la página web.

En jQuery disponemos de 4 formas de hacerlo.

Dos de ellas están directamente extraídas de Javascript.

Las otras dos son íntegramente pertenecientes a jQuery.

$(document).ready(function(){})

Esta fórmula suele ser la más usada en tutoriales de jQuery.

Pasamos al objeto jQuery el nodo documento y activamos el evento .ready()

$(function(){})

Este método es menos intuitivo y el más reducido de todos.

window.addEventListener("load",function(){})

Cualquier sistema válido en javascript puede usarse cuando estamos pensando en jQuery.

Este es el caso del método addEventListener() de Javascript combinado con el evento onload (dentro del paréntesis se escribe sólo load)

window.onload = function(){};

Podemos tratar el evento onload como un atributo del nodo window.

Este sistema es válido siempre pero presenta el inconveniente de que sobrescribe posibles eventos onload de otras partes de nuestro código.

No recomiendo este sistema a pesar de que académicamente es fácil de comprender.

¡Hola!

Querido lector,

Espero que este resumen te haya sido de utilidad.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!