Am vorbit puțin despre selectoare. Un selector jQuery precum $ („h1”) va selecta toate
Vrei asta $("h1").css("color", "red");
Dar uneori scripturile sunt încărcate în cap. Există tot felul de scuze pentru aceasta, în mare parte rău, dar hei să nu ajungem prea judecători fără detalii =).
Încă putem rezolva problema elementelor care nu găsesc într-un mod destul de satisfăcător, chiar dacă suntem obligați să încărcăm scripturi în cap. O facem prin funcția jQuery „DOM Ready”. Literal, când documentul este gata și gata să fie manipulat. Arată așa:
$(document).ready(function() ( ));Există o versiune mai scurtă care face exact același lucru:
$(function() ( ));Introducerea codului într-o astfel de funcție vă asigură că nu va rula până când documentul nu este gata. De fapt, este un pic destul de inteligent de cod care o face, ceea ce, desigur, este dificil de realizat în browser. Ce mișto este că este destul de rapid. Nu este același lucru cu așteptarea încărcării întregii ferestre, care este lent, deoarece așteaptă ca toate resursele să fie descărcate înainte de declanșare. Gata DOM se întâmplă mult mai repede. Dacă trebuie să așteptați să se facă resurse (de exemplu, trebuie să măsurați o imagine), puteți aștepta astfel:
$(window).load(function() ( ));Remediind problema noastră JavaScript-in-the-head anterioară cu DOM gata, codul ar arăta astfel:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));