Olemme puhuneet paljon valitsimista. JQuery-valitsin, kuten $ (“h1”), valitsee kaikki
Haluatko $("h1").css("color", "red");
Mutta joskus komentosarjat ladataan päähän. Sille on kaikenlaisia tekosyitä, enimmäkseen huonoja, mutta hei, älkäämme saako liian tuomari-y ilman yksityiskohtia =).
Voimme silti korjata ei-löydetyt elementit -ongelman melko tyydyttävällä tavalla, vaikka pakotettaisiin lataamaan komentosarjoja päähän. Teemme sen jQuery “DOM Ready” -toiminnon avulla. Kirjaimellisesti, kun asiakirja on valmis ja käyttövalmis. Se näyttää tältä:
$(document).ready(function() ( ));On olemassa lyhyempi versio, joka tekee täsmälleen saman asian:
$(function() ( ));Laittamalla koodisi sellaiseen toimintoon varmistetaan, että se ei toimi, ennen kuin asiakirja on valmis. Se on oikeastaan melko fiksu bitti koodi, joka tekee sen, mikä on tietysti vaikea tehdä selaimen välillä. Siellä on hienoa, että se on melko nopea. Se ei ole sama kuin odottaa koko ikkunan lataamista, mikä on hidasta, koska se odottaa kaikkien resurssien lataamista ennen käynnistämistä. DOM valmis tapahtuu paljon aikaisemmin. Jos joudut odottamaan resurssien tekemistä (esim. Sinun on mitattava kuva), voit odottaa sitä näin:
$(window).load(function() ( ));Korjatessamme aikaisemman JavaScript-in-the-head-ongelman DOM-valmiudella, koodi näyttäisi tältä:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));