Nagyon sokat beszélgettünk a választókról. Egy jQuery választó, mint például $ (“h1”), az összeset kiválasztja
Vajon $("h1").css("color", "red");
De néha szkriptek töltődnek a fejébe. Mindenféle kifogás létezik rá, többnyire rossz, de hé, ne legyünk túl bíró-y részletek nélkül =).
Még mindig elég kielégítő módon meg tudjuk oldani a nem találó elemek problémát, még akkor is, ha kénytelenek vagyunk szkripteket a fejébe tölteni. A jQuery „DOM Ready” funkción keresztül végezzük. Szó szerint, amikor a dokumentum elkészült és készen áll a manipulálásra. Ez így néz ki:
$(document).ready(function() ( ));Van egy rövidebb verzió, amely pontosan ugyanazt csinálja:
$(function() ( ));Ha a kódot egy ilyen funkcióba helyezi, akkor az biztos, hogy addig nem fog futtatni, amíg a dokumentum készen nem áll. Valójában egy meglehetősen okos kódfájl, amely megcsinálja, amit természetesen nehéz böngészőkön keresztül végrehajtani. Ami klassz benne, hogy elég gyors. Ez nem ugyanaz, mint várni az egész ablak betöltését, ami lassú, mert az indítás előtt megvárja az összes erőforrás letöltését. A DOM kész sokkal hamarabb megtörténik. Ha mégis várnia kell az erőforrások elvégzésére (pl. Képet kell mérnie), akkor erre várhat:
$(window).load(function() ( ));Javítva a korábbi JavaScript-in-the-head problémát a DOM készen, a kód így néz ki:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));