ready


« Обратно к странице событий

ready( функция )

Добавляет функцию, выполняющуюся всякий раз, когда объектная модель документа (DOM) готова к использованию. Вероятно, это самая важная функция в разделе событий, так как она может значительно улучшить время отклика Ваших веб-приложений. Вкратце, это хорошая альтернатива событию window.onload. При использовании данного метода Ваша функция будет вызвана немедленно после того, как объектная модель готова к использованию. В качестве аргумента, передаваемого обработчику событий, используется ссылка на функцию jQuery. Имя функции может быть любое, поэтому можно использовать как jQuery, так и псевдоним $ без риска возникновения коллизий. У Вас может быть сколько угодно событий $(document).ready на странице. В этом случае функции выполняются в том порядке, в котором они были добавлены.

Примечание: удостоверьтесь, что все Ваши таблицы стилей подключаются перед скриптами (особенно теми, которые используют функцию ready). Это позволит корректно объявить все свойства элементов перед выполнением кода jQuery. Если Вы этого не сделаете, то возможны проблемы в некоторых браузерах, особенно в тех, которые основаны на движке WebKit, например, Safari.

Аргументы:

функция Функция
Функция, выполняемая, когда объектная модель документа готова к использованию.

function callback(jQueryReference) {
  this; // document
}
Примеры:

Отображает сообщение, когда объектная модель документа готова к использованию.
$(document).ready(function () {
    $("p").text("The DOM is now loaded and can be manipulated.");
});
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
    $(document).ready(function () {
    $("p").text("The DOM is now loaded and can be manipulated.");
});
  });
  </script>
  <style>p { color:red; }</style>

</head>
<body>
  <p>
  </p>
</body>
</html>
Данная функция выполняется, когда объектная модель готова к использованию:
$(document).ready(function(){
  // Your code here...
});

Использование $(document).ready() и псевдонима $ при написании безотказного кода jQuery не полагаясь на глобальные псевдонимы:

jQuery(function($) {
  // Your code using failsafe $ alias here...
});
Обычно пишется так:

$(function() {
  // Your code here...
});
Name Type