В этой небольшой записи я хочу поделиться с вами разницой между двумя методами из jQuery и JavaScript. 

JavaScript и jQuery

Первое отличие в том, что window.onload является методом JavaScript, а $(document).ready() является методом jQuery.

В чем еще разница?

ready() срабатывает когда весь HTML документ был загружен. onload срабатывает когда весь контент (например: картинки) страницы были загружены.

onload является стандартным событием в DOM, когда ready  используется только в jQuery. Смысл ready в том, чтобы появиться на странице как можно быстрее после того как документ был загружен, чтобы дать коду загрузить свои функции до того момента пока весь контент веб-страницы будет загружен.

Вывод

Если вы начинающий разработчик, то я вам посоветую использовать jQuery библиотеку. Почему? Потому что JavaScript сам по себе сложный язык, в нем очень много нюансов, который не всегда ощутимы новичками. jQuery позоботился за вас о всех мелочах, о которых не нужно думать разработчику.

Разработчики jQuery так же позаботились о его кроссбраузерности, простоте и многофункциональности данной библиотеки. Что собственно и делает его таким популярным на данный момент.

Если у вас остались какие-либо вопросы — вы можеете задать их в комментарии ниже.