Oleme valijatest palju rääkinud. JQuery valija nagu $ (“h1”) valib kõik
Kas seda $("h1").css("color", "red");
Kuid mõnikord laaditakse skriptid pähe. Selle jaoks on igasuguseid ettekäändeid, enamasti halbu, aga hei, ärgem muutkem liiga kohtunik-y ilma üksikasjadeta =).
Leidmata elementide probleemi saame ikkagi üsna rahuldavalt lahendada, isegi kui oleme sunnitud skripte pähe laadima. Teeme seda läbi funktsiooni jQuery “DOM Ready”. Sõna otseses mõttes, kui dokument on valmis ja valmis manipuleerimiseks. See näeb välja selline:
$(document).ready(function() ( ));On olemas lühem versioon, mis teeb täpselt sama:
$(function() ( ));Koodi sisestamine sellisesse funktsiooni sisse tagab, et seda ei käitata enne, kui dokument on valmis. See on tegelikult üsna kaval koodibitt, mis seda teeb, mida on muidugi keeruline brauserite kaudu teha. Lahe on see, et see on üsna kiire. See pole sama, mis oodata kogu akna laadimist, mis on aeglane, sest see ootab enne käivitamist kõigi ressursside allalaadimist. DOM-i valmidus juhtub palju varem. Kui peate siiski ootama ressursside tegemist (nt peate mõõtma pilti), võite seda oodata järgmiselt:
$(window).load(function() ( ));Parandades meie varasema JavaScripti peas-probleemi DOM-i abil, näeks kood välja selline:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));