ready происходит после того, когда был загружен HTML-документ, а onload происходит позже, когда всё содержимое (например, вот, изображения) также было загружено.onload — стандартное событие в DOM, а ready — специфика же jQuery. ready используют, когда что-то должно произойти как можно раньше, сразу после загрузки документа. Т.е. это обычно код, который добавляет функциональности к элементам на странице, чтобы с ними можно было начать работать, не ожидая загрузки всего контента.