Gerai kalbėjome apie selektorius. „JQuery“ parinkiklis, pvz., $ („H1“), pasirinks visus
Ar tai $("h1").css("color", "red");
Tačiau kartais scenarijai kraunami į galvą. Yra visokių pasiteisinimų, dažniausiai blogų, bet, nepasiduokime per daug teisėjau be detalių =).
Mes vis tiek galime gana patenkinamai išspręsti nerandančių elementų problemą, net jei esame priversti krauti scenarijus į galvą. Tai darome per „jQuery“ funkciją „DOM Ready“. Žodžiu, kai dokumentas yra parengtas ir paruoštas manipuliuoti. Tai atrodo taip:
$(document).ready(function() ( ));Yra trumpesnė versija, kuri daro tą patį:
$(function() ( ));Įvedę kodą į tokią funkciją, užtikrinsite, kad jis nebus paleistas, kol dokumentas nebus paruoštas. Iš tikrųjų tai daro gana protingas kodo šriftas, kurį, žinoma, sunku padaryti keliose naršyklėse. Tai, kas šaunu, yra tai, kad jis yra gana greitas. Tai nėra tas pats, kas laukti viso lango įkėlimo, kuris vyksta lėtai, nes prieš paleidžiant laukia, kol bus atsisiųsti visi ištekliai. Parengtas DOM įvyksta daug anksčiau. Jei jums reikia palaukti, kol bus atlikti ištekliai (pvz., Reikia išmatuoti vaizdą), galite to laukti taip:
$(window).load(function() ( ));Ištaisius ankstesnę „JavaScript-in-the-head“ problemą, kai paruoštas DOM, kodas atrodys taip:
Learning jQuery $(function() ( $("h1").css("color", "red"); )); 
