Vi har talt en smule om vælgere. En jQuery-vælger som $ (“h1”) vælger alle
Vil det $("h1").css("color", "red");
Men nogle gange lægges der scripts i hovedet. Der er alle mulige undskyldninger for det, for det meste dårligt, men hej lad os ikke blive for dommer-y uden detaljer =).
Vi kan stadig løse problemet med ikke at finde elementer på en temmelig tilfredsstillende måde, selvom vi er tvunget til at indlæse scripts i hovedet. Vi gør det gennem jQuery “DOM Ready” -funktionen. Bogstaveligt talt når dokumentet er færdigt og klar til at blive manipuleret. Det ser sådan ud:
$(document).ready(function() ( ));Der er en kortere version, der gør nøjagtigt det samme:
$(function() ( ));At sætte din kode inde i en sådan funktion sikrer, at den ikke kører, før dokumentet er klar. Det er faktisk en ret smart bit kode, der gør det, hvilket naturligvis er vanskeligt at gøre cross-browser. Hvad der er sejt ved det er, at det er ret hurtigt. Det er ikke det samme som at vente på, at hele vinduet indlæses, hvilket er langsomt, fordi det venter på, at alle ressourcer skal downloades, inden de affyres. DOM klar sker meget hurtigere. Hvis du har brug for at vente på, at ressourcer skal udføres (f.eks. Skal du måle et billede), kan du vente på det sådan:
$(window).load(function() ( ));Rettelse af vores tidligere JavaScript-in-the-head problem med DOM klar, koden ville se sådan ud:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));