Javascript может выполнять определенные операции с элементами DOM только после того, как они были определены. Эта проблема подробно описана в статье «Последовательность выполнения Javascript» //www.VeVB.COm/article/44577.htm.
jQuery использует document.ready, чтобы гарантировать, что исполняемый код будет выполнен после загрузки элемента DOM. Например, в статье «Основы jQuery — как начать» я использовал следующий код jQuery:
Скопируйте код кода следующим образом:
<!-- $(документ).ready(функция ()
{
alert("Мой первый код jQuery!");
});
// -->
Значение этого кода следующее: при загрузке Dom Tree отображается предупреждающее сообщение.
document.ready() аналогичен традиционному методу <body onload="load()">, за исключением того, что метод onload() возникает после загрузки страницы, включая загрузку элементов DOM и других элементов страницы (например, изображений),
Таким образом, скорость выполнения использования метода document.ready() выше, чем метода onload().
Два последних момента, на которые следует обратить внимание (из документации jQuery):
1. Убедитесь, что в событии загрузки элемента <body> нет зарегистрированной функции, иначе событие $(document).ready() может не сработать. (
Я пытался продемонстрировать это на примере ниже, но безуспешно, так что думаю, это всего лишь вероятность. )
Скопируйте код кода следующим образом:
<html>
<голова>
<title>Мой второй jQuery</title>
<mce:script type="text/javascript" src="/js/jquery.js" mce_src="js/jquery.js"></mce:script>
<mce:script type="text/javascript">
<!-- //Ниже приведена функция загрузки, содержащая функцию регистрации jquery $
function load(){ $("p").append("<b>Привет</b>" }
//Ниже приведен код jQuery
$(документ).ready(функция ()
{ $("p").append("Мой первый код jQuery!"
);
$("p").append("<b>Привет</b>" }); // -->
</mce:script>
</голова>
<body onload="load()">
<h2>Простой пример jQuery 2</h2>
<p>Я хотел бы сказать: </p>
</тело>
</html>
2. Событие $(document).ready() можно использовать на одной странице неограниченное количество раз. Зарегистрированные функции будут выполняться последовательно (в коде).