Veľa sme hovorili o selektoroch. Selektor jQuery ako $ („h1“) vyberie všetky
Bude to $("h1").css("color", "red");
Ale niekedy sú skripty načítané do hlavy. Existuje na to všelijaké ospravedlnenie, väčšinou zlé, ale hej, nenechajme sa príliš súdiť bez podrobností =).
Stále môžeme vyriešiť problém nenájdených prvkov celkom uspokojivým spôsobom, aj keď sme nútení načítať skripty do hlavy. Robíme to prostredníctvom funkcie jQuery „DOM Ready“. Doslova, keď je dokument hotový a pripravený na manipuláciu. Vyzerá to takto:
$(document).ready(function() ( ));K dispozícii je kratšia verzia, ktorá robí presne to isté:
$(function() ( ));Ak svoj kód vložíte do takejto funkcie, zabezpečíte, že sa nespustí, kým nebude dokument pripravený. Je to vlastne dosť šikovný kúsok kódu, ktorý to robí, čo je samozrejme ťažké urobiť naprieč prehliadačmi. Super je, že je to dosť rýchle. Nie je to to isté ako čakanie na načítanie celého okna, ktoré je pomalé, pretože počká na stiahnutie všetkých zdrojov pred spustením. Pripravený na DOM sa stane oveľa skôr. Ak potrebujete počkať na vybavenie zdrojov (napr. Musíte zmerať obrázok), môžete na to počkať takto:
$(window).load(function() ( ));Oprava nášho staršieho problému s JavaScriptom v hlave s pripraveným DOM, kód by vyzeral takto:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));