Il DOM (Document object model) è la struttura ad albero che costituisce una pagina HTML. Serve a stabilire le relazioni fra i diversi elementi:
<html>
<head>
<title>the title</title>
</head>
<body>
<div>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is yet another paragraph.</p>
</div>
</body>
</html>
In questo esempio il tag html contiene tutti gli altri, quindi rispetto a tutti gli altri è l'antenato 'ancestor'.
I tag head, title e body sono i figli di html , che quindi sarà loro 'parent'.
I tag p sono i figli di div , ed essendo allo stesso livello si dicono 'siblings', una specie di fratelli.
Ogni volta che si usa un selettore per individuare un nodo, JQuery restituisce un oggetto che è così disponibile ad ulteriori manipolazioni, come applicare un effetto per es. Questo oggetto però non coincide esattamente con il nodo del DOM.