Diferencias entre $(document).ready y $(window).load en jQuery

El siguiente código se utiliza casi siempre que trabajamos con jQuery.

$(document).ready lo utilizamos cuando queremos iniciar nuestro código jQuery después de que el DOM este ya cargado.

$(document).ready(function() {
      alert("Hola");
});

Y entonces, ¿para que sirve $(window).load?

Este método te avisa de cuándo están cargados todos los elementos del DOM (es decir, cuando la página web se ha cargado completamente en tu navegador).

$(window).load(function() {
      alert("Adios");
});

Lo mejor es que los pruebes, creamos una página con una serie de imágenes de gran calidad para ver cuando se carga el DOM y cuando se cargan los elementos del DOM.