Mluvili jsme hodně o selektorech. Selektor jQuery jako $ („h1“) vybere vše
Bude to $("h1").css("color", "red");
Ale někdy jsou skripty načteny do hlavy. Existují pro to nejrůznější výmluvy, většinou špatné, ale hej, nebudeme se příliš soudit bez podrobností =).
Stále můžeme vyřešit problém s nálezovými prvky docela uspokojivým způsobem, i když jsme nuceni načítat skripty do hlavy. Děláme to prostřednictvím funkce jQuery „DOM Ready“. Doslova, když je dokument hotový a připravený k manipulaci. Vypadá to takto:
$(document).ready(function() ( ));K dispozici je kratší verze, která dělá přesně to samé:
$(function() ( ));Vložení kódu do funkce, jako je tato, zajistí, že se nespustí, dokud nebude dokument připraven. Je to vlastně docela chytrý kousek kódu, který to dělá, což je samozřejmě těžké provést napříč prohlížeči. Skvělé na tom je, že je to docela rychlé. Není to totéž jako čekat na načtení celého okna, což je pomalé, protože čeká na stažení všech zdrojů před spuštěním. DOM připraven se stane mnohem dříve. Pokud potřebujete počkat, až budou provedeny zdroje (např. Potřebujete změřit obrázek), můžete na to počkat takto:
$(window).load(function() ( ));Oprava našeho dřívějšího problému JavaScript-in-the-head s DOM připraven, kód bude vypadat takto:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));