1. $(document).ready(): это наиболее часто используемый метод выполнения кода, когда DOM готов. Это гарантирует, что код внутри функции будет выполнен только после завершения загрузки DOM.

Пример:

$(document).ready(function() {
  // Code to be executed when the DOM is ready
});

2. $(function()): это сокращенная версия $(document).ready(). Он имеет те же функции и может использоваться взаимозаменяемо.

Пример:

$(function() {
  // Code to be executed when the DOM is ready
});

3. $(window).on(‘load’, function()): этот метод позволяет выполнить код после завершения загрузки всей страницы, включая все внешние ресурсы, такие как изображения и таблицы стилей.

Пример:

$(window).on('load', function() {
  // Code to be executed when the page has finished loading
});

Эти методы гарантируют, что ваш код JavaScript запускается только после загрузки соответствующих элементов и ресурсов, что улучшает взаимодействие с пользователем за счет предотвращения ошибок выполнения скрипта.