Dobro smo govorili o selektorjih. Izbirnik jQuery, kot je $ ("h1"), bo izbral vse
Bo to $("h1").css("color", "red");
Toda včasih se skripte naložijo v glavo. Za to obstajajo najrazličnejši izgovori, večinoma slabi, ampak hej, ne bodimo preveč presojeni brez podrobnosti =).
Še vedno lahko težavo, ki ne najde elementov, odpravimo na precej zadovoljiv način, tudi če smo prisiljeni nalagati skripte v glavo. To naredimo s funkcijo jQuery “DOM Ready”. Dobesedno, ko je dokument končan in pripravljen za manipulacijo. Videti je tako:
$(document).ready(function() ( ));Obstaja krajša različica, ki počne popolnoma enako:
$(function() ( ));Če vstavite kodo v funkcijo, ki zagotavlja, da se ne bo izvajala, dokler dokument ni pripravljen. To dejansko počne precej pametna koda, kar je seveda težko narediti med brskalniki. Pri tem je kul to, da je precej hiter. Ni isto kot čakati, da se naloži celotno okno, kar je počasi, saj čaka, da se vsi viri prenesejo pred sprožitvijo. Pripravljenost na DOM se zgodi veliko prej. Če morate počakati, da bodo sredstva končana (npr. Izmeriti morate sliko), lahko počakate tako:
$(window).load(function() ( ));Koda bi bila, če bi odpravili našo prejšnjo težavo z JavaScriptom v pripravljenosti na DOM, videti tako:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));