Говорихме добре за селектори. Селектор на 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"); ));