English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery ci permette di navigare nell'albero DOM utilizzando le relazioni tra i nodi.
jQuery fornisce vari metodi di esplorazione del DOM per selezionare casualmente gli elementi del documento e metodi di ordinamento.
L'esplorazione del DOM significa fondamentalmente muoversi intorno al DOM che compone la pagina web. Durante l'esplorazione del DOM, è possibile spostare l'albero del documento a qualsiasi elemento richiesto. Puoi anche muoverti verso il basso nella gerarchia fino al nodo figlio specificato o muoverti ai nodi coetanei. Questo ti permette di esplorare la pagina HTML per trovare l'esatto posizione in cui raccogliere alcuni dati o apportare modifiche.
L'immagine seguente mostra una pagina HTML visualizzata come albero (DOM). Utilizzando jQuery per esplorare, è facile muoversi nell'albero partendo dall'elemento selezionato, sia verso l'alto (antenati), sia verso il basso (descendenti) e sia lateralmente (coetanei). Questo tipo di movimento si chiama esplorazione (o navigazione) dell'albero DOM.
Come si può vedere dall'immagine sopra:
L'<html> è l'elemento genitore di <head> e <body>, è l'elemento genitore di tutti gli elementiAntenati
Il <head> è l'elemento genitore del <title>, è un elemento figlio di <html>.
Il <body> è l'elemento genitore di <h1> e <a>, è un elemento figlio di <html>.
Il <title> è un elemento figlio di <head>, è un discendente di <html>.
L'<h1> è un elemento figlio di <body>, è un discendente di <html>.
L'<a> è un elemento figlio di <body>, è un discendente di <html>.
Questi <h1> e <a> sonoElementi fratelli同级essi condividono lo stesso elemento genitore), sono discendenti di <html> e <body>.
Gli antenati sono genitori, nonni, bisnonni ecc.
I discendenti sono figli, nipoti, pronipoti ecc.
Gli elementi fratelli sono quelli che condividono lo stesso elemento genitore.
jQuery fornisce vari metodi che ci permettono di esplorare il DOM.
Il capitolo successivo ti mostrerà come muoverti all'interno dell'albero DOM.
Per riferimento completo ai metodi di esplorazione, visitare il nostroRiferimento alla navigazione jQuery.