English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод jQuery ready()

События jQuery

Метод ready() определяет функцию, которая будет выполняться, когда DOM полностью загружен.

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

Если метод вызывается до полной загрузки документа, вот несколько примеров失败的 операций:

  • Попытка выбора элемента, который еще не создан

  • Попытка получить размер изображения, которое еще не загружено

Синтаксис:

Метод ready() обычно используется вместе с анонимной функцией:

$("document").ready(function(){
  // Обработчик для ready()
  });

jQuery имеет еще более короткий метод для обработки события "document ready":

$(function(){
  // Обработчик для ready()
  });

Пример

Сообщение отображается при загрузке DOM:

$("document").ready(function(){
  $("p").text("Теперь DOM загружен, и с ним можно работать.");
});
Проверьте,›/›

Использование более короткой синтаксис для отображения сообщения при загрузке DOM:

$(function(){
  $("p").text("Теперь DOM загружен, и с ним можно работать.");
});
Проверьте,›/›

Использование ready() для того, чтобы функция была доступна после загрузки документа:

$("document").ready(function(){
  $("button").click(function(){
    $("div").slideToggle();
  });
});
Проверьте,›/›

Значение параметра

ПараметрОписание
functionФункции, выполняемые после загрузки документа

События jQuery