Dobro smo razgovarali o selektorima. Selektor jQuery poput $ ("h1") odabrat će sve
Hoće li to $("h1").css("color", "red");
Ali ponekad se skripte učitavaju u glavi. Postoje svakakva opravdanja za to, uglavnom loša, ali hej, nemojmo biti previše prosudljivi bez detalja =).
Problem s ne-pronalaženjem elemenata još uvijek možemo riješiti na prilično zadovoljavajući način, čak i ako smo prisiljeni učitati skripte u glavu. To radimo putem jQuery funkcije "DOM Ready". Doslovno, kad je dokument gotov i spreman za manipulaciju. Izgleda ovako:
$(document).ready(function() ( ));Postoji kraća verzija koja čini potpuno istu stvar:
$(function() ( ));Stavljanje koda unutar takve funkcije osigurava da se neće pokretati dok dokument ne bude spreman. Zapravo je to prilično pametan kôd, što je naravno teško učiniti u različitim preglednicima. Ono što je u vezi s njim je prilično brzo. Nije isto kao čekati da se učita cijeli prozor, što je sporo, jer čeka preuzimanje svih resursa prije pucanja. DOM spreman događa se puno prije. Ako trebate pričekati da se resursi završe (npr. Trebate izmjeriti sliku), možete to pričekati ovako:
$(window).load(function() ( ));Rješavajući naš raniji problem s JavaScriptom u glavi s DOM-om spreman, kôd bi izgledao ovako:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));