Περιήγηση στο jQuery

Τι είναι η περιήγηση;

Η περιήγηση του jQuery σημαίνει “κίνηση”, και χρησιμοποιείται για να “Βρείτε” (ή επιλέξετε) στοιχεία HTML σύμφωνα με τη σχέση τους με άλλα στοιχεία. Ξεκινήστε με μια επιλογή και κινηθείτε κατά μήκος αυτής της επιλογής μέχρι να φτάσετε στο στοιχείο που επιθυμείτε.

Η εικόνα που ακολουθεί παρουσιάζει ένα δέντρο οικογένειας. Με την περιήγηση του jQuery, μπορείτε να κινείστε εύκολα από το επιλεγμένο (τρέχον) στοιχείο προς τα πάνω (πρόγονοι), προς τα κάτω (απογεννημένοι), και οριζόντια (αδελφοί). Αυτό το κίνηση ονομάζεται περιήγηση του DOM.

Σχολιασμός εικόνας:

Προσπέλαση στο Δέντρο DOM
  • Το στοιχείο <div> είναι ο γονέας του στοιχείου <ul>, και ο πρόγονος όλων των περιεχομένων του.
  • Το στοιχείο <ul> είναι ο γονέας του στοιχείου <li>, και το γιο του <div>.
  • Το στοιχείο <li> από την αριστερά είναι ο γονέας του <span>, το γιο του <ul>, και το απογεννημένο του <div>.
  • Το στοιχείο <span> είναι το γιο του <li>, και το απογεννημένο του <ul> και <div>.
  • Τα δύο στοιχεία <li> είναι αδελφοί (έχουν τον ίδιο γονέα).
  • Το στοιχείο <li> από την αριστερά είναι ο γονέας του <b>, το γιο του <ul>, και το απογεννημένο του <div>.
  • <b> Το στοιχείο είναι το γιο του <li> από την αριστερά, και το απογεννημένο του <ul> και <div>.

Συμβουλή:Ο πρόγονος είναι ο γονέας, ο πατέρας, ο παππούς κ.λπ. Ο απογεννημένος είναι ο γιος, ο εγγονός, ο δισέγγονος κ.λπ. Οι αδελφοί έχουν τον ίδιο γονέα.

Περιήγηση DOM

Το jQuery παρέχει διάφορες μεθόδους περιήγησης του DOM.

Η μεγαλύτερη κατηγορία των μεθόδων περιήγησης είναι η δέντρο περιήγηση (tree-traversal).

Η επόμενη ενότητα θα εξηγήσει πώς να κινηθείτε προς τα πάνω, προς τα κάτω και στο επίπεδο του DOM δέντρου.

Παράδειγμα αναφοράς περιήγησης jQuery

Για να μάθετε όλες τις μεθόδους περιήγησης του jQuery, επισκεφθείτε το Παράδειγμα αναφοράς περιήγησης jQuery.