Ми добре поговорили про селектори. Селектор 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"); ));