Мы уже много говорили о селекторах. Селектор jQuery, например $ («h1»), выберет все
Будет ли это $("h1").css("color", "red");
Но иногда скрипты загружаются в голову. Этому есть множество оправданий, в основном плохие, но давайте не будем слишком судить без подробностей =).
Мы все еще можем исправить проблему отсутствия элементов довольно удовлетворительным образом, даже если мы будем вынуждены загружать скрипты в голову. Мы делаем это с помощью функции jQuery «DOM Ready». Буквально, когда документ готов и готов к работе. Выглядит это так:
$(document).ready(function() ( ));Есть более короткая версия, которая делает то же самое:
$(function() ( ));Помещение вашего кода в такую функцию гарантирует, что она не будет работать, пока документ не будет готов. На самом деле это делает довольно умный фрагмент кода, который, конечно, сложно реализовать в кросс-браузере. Что в нем круто, так это то, что он довольно быстрый. Это не то же самое, что ожидание загрузки всего окна, что является медленным, потому что перед запуском ожидает завершения загрузки всех ресурсов. Готовность DOM происходит намного раньше. Если вам действительно нужно дождаться завершения ресурсов (например, вам нужно измерить изображение), вы можете дождаться этого следующим образом:
$(window).load(function() ( ));После исправления нашей предыдущей проблемы «JavaScript в голове» с готовой DOM код будет выглядеть так:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));