Έχουμε μιλήσει αρκετά για τους επιλογείς. Ένας επιλογέας jQuery όπως το $ ("h1") θα επιλέξει όλα
Θα το κάνει αυτό $("h1").css("color", "red");
Αλλά μερικές φορές τα σενάρια φορτώνονται στο μυαλό. Υπάρχουν όλα τα είδη δικαιολογιών για αυτό, ως επί το πλείστον άσχημα, αλλά ας μην πάμε πολύ κρίσιμοι χωρίς λεπτομέρειες =).
Μπορούμε ακόμα να επιδιορθώσουμε το ζήτημα των μη εύρεσης στοιχείων με αρκετά ικανοποιητικό τρόπο ακόμα κι αν είμαστε αναγκασμένοι να φορτώσουμε σενάρια στο κεφάλι. Το κάνουμε μέσω της λειτουργίας jQuery "DOM Ready". Κυριολεκτικά, όταν το έγγραφο γίνει και είναι έτοιμο για χειρισμό. Μοιάζει με αυτό:
$(document).ready(function() ( ));Υπάρχει μια μικρότερη έκδοση που κάνει το ίδιο ακριβώς πράγμα:
$(function() ( ));Η τοποθέτηση του κωδικού σας σε μια τέτοια λειτουργία διασφαλίζει ότι δεν θα εκτελεστεί έως ότου το έγγραφο είναι έτοιμο. Είναι στην πραγματικότητα ένα αρκετά έξυπνο κομμάτι κώδικα που το κάνει, το οποίο φυσικά είναι δύσκολο να γίνει cross-browser. Αυτό που είναι ωραίο είναι ότι είναι αρκετά γρήγορο. Δεν είναι το ίδιο με την αναμονή για φόρτωση ολόκληρου του παραθύρου, το οποίο είναι αργό, επειδή περιμένει τη λήψη όλων των πόρων πριν από την ενεργοποίηση. Το DOM έτοιμο συμβαίνει πολύ νωρίτερα. Εάν πρέπει να περιμένετε να γίνουν πόροι (π.χ. πρέπει να μετρήσετε μια εικόνα), μπορείτε να περιμένετε έτσι:
$(window).load(function() ( ));Επιδιόρθωση του προηγούμενου προβλήματος JavaScript-in-the-head με DOM έτοιμο, ο κώδικας θα μοιάζει με αυτόν:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));