Vi har snakket en god del om velgerne. En jQuery-velger som $ (“h1”) velger alle
Vil det $("h1").css("color", "red");
Men noen ganger er manus lastet i hodet. Det er alle slags unnskyldninger for det, for det meste dårlig, men hei la oss ikke bli for dommer-y uten detaljer =).
Vi kan fremdeles fikse problemet med ikke-finne-elementer på en ganske tilfredsstillende måte, selv om vi blir tvunget til å legge inn skript i hodet. Vi gjør det gjennom jQuery “DOM Ready” -funksjonen. Bokstavelig talt når dokumentet er ferdig og klart til å bli manipulert. Det ser slik ut:
$(document).ready(function() ( ));Det er en kortere versjon som gjør nøyaktig det samme:
$(function() ( ));Å sette koden din i en funksjon som den, sikrer at den ikke kjører før dokumentet er klart. Det er faktisk en ganske smart bit kode som gjør det, noe som selvfølgelig er vanskelig å gjøre nettleser. Det som er kult med det er at det er ganske raskt. Det er ikke det samme som å vente på at hele vinduet skal lastes, noe som er tregt, fordi det venter på at alle ressurser skal lastes ned før avfyring. DOM-klar skjer mye raskere. Hvis du trenger å vente på at ressursene skal gjøres (f.eks. Må du måle et bilde), kan du vente på det slik:
$(window).load(function() ( ));Å fikse vårt tidligere JavaScript-in-the-head-problem med DOM-klar, ville koden se slik ut:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));