Mēs esam daudz runājuši par atlasītājiem. JQuery atlasītājs, piemēram, $ (“h1”), atlasīs visus
Vai tas $("h1").css("color", "red");
Bet dažreiz skripti tiek ielādēti galvā. Tam ir visādi attaisnojumi, galvenokārt slikti, bet, hei, nepieļausim pārāk daudz tiesneša-y bez detaļām =).
Mēs joprojām varam diezgan neapmierinoši novērst problēmu, kas neattiecas uz elementiem, pat ja mēs esam spiesti ielādēt skriptus galvā. Mēs to darām, izmantojot jQuery funkciju “DOM Ready”. Burtiski, kad dokuments ir sagatavots un gatavs manipulēšanai. Tas izskatās šādi:
$(document).ready(function() ( ));Ir īsāka versija, kas dara tieši to pašu:
$(function() ( ));Ievietojot kodu tādā funkcijā, kas nodrošina, ka tas nedarbosies, kamēr dokuments nav gatavs. Tas faktiski ir diezgan gudrs koda bits, kas to dara, ko, protams, ir grūti izdarīt pāri pārlūkprogrammai. Tas ir forši par to, ka tas ir diezgan ātri. Tas nav tas pats, kas gaidīt, kamēr tiek ielādēts viss logs, kas ir lēns, jo pirms šaušanas tas gaida visu resursu lejupielādi. Gatavs DOM notiek daudz ātrāk. Ja jums patiešām jāgaida resursu veikšana (piemēram, jums ir jāmēra attēls), varat to gaidīt šādi:
$(window).load(function() ( ));Novēršot mūsu agrāko JavaScript-in-the-head problēmu ar DOM gatavību, kods izskatīsies šādi:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));