Was ist das DOM?
Verstehen Sie das Document Object Model in einfachen Worten – den Baum, der jede Webseite darstellt – und warum jQuery ihn so hervorragend manipulieren kann.
Was ist das DOM? ist eine kostenlose jQuery Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des jQuery Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der jQuery Academy-Kurs umfasst insgesamt 3 Lektionen.
Lernen Sie das DOM kennen
Um jQuery zu verwenden, ist es hilfreich, das DOM zu kennen. Keine Sorge – dahinter steckt ein einfaches Konzept mit einem einschüchternden Namen. 😊
Die Seite als Baum
Das DOM stellt Ihre Webseite als Baum aus einzelnen Bestandteilen dar – jede Überschrift, jede Schaltfläche und jedes Bild ist ein Zweig.
Ein Stammbaum
Stellen Sie sich einen Stammbaum vor. 🌳 Die Seite ist das übergeordnete Element, und jedes darin enthaltene Element ist ein untergeordnetes Element. Die Elemente sind übersichtlich ineinander verschachtelt.
Warum das wichtig ist
Das DOM ist das, womit Ihr Code kommuniziert. Möchten Sie eine Schaltfläche ändern? Dann greifen Sie im DOM darauf zu.
Elemente überall
Jeder Bestandteil wird als Element bezeichnet. Ein Titel, ein Absatz, ein Link – all das sind Elemente im Baum.
Mit Selektoren auswählen
Um ein Element zu finden, verwenden Sie einen Selektor – wie eine Adresse, die genau auf den gewünschten Bestandteil verweist.
jQuery hilft weiter
Hier kommt der praktische Teil: Mit jQuery lassen sich DOM-Elemente besonders einfach finden. Damit wählen Sie alle Absätze auf einmal aus.
$("p");Dann ändern Sie sie
Sobald Sie ein Element ausgewählt haben, können Sie seinen Text oder seine Farbe ändern oder es ausblenden – ganz nach Ihren Wünschen.
Die Verbindung
Das DOM ist also die Seite, und jQuery ist Ihr einfacher Weg, auf sie zuzugreifen und sie zu verändern. Ein perfektes Paar! 🤝
Sie kommen gut voran!
Jetzt verstehen Sie das DOM UND wissen, wie jQuery es verwendet. 🎉 Als Nächstes sehen Sie, wo das auf echten Websites zum Einsatz kommt.
Kurze Überprüfung
Eine kurze Frage! Denken Sie darüber nach, was wir gerade behandelt haben.
Häufig gestellte Fragen
Ist die Lektion „Was ist das DOM?“ kostenlos?
Ja — der vollständige Text von „Was ist das DOM?“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des jQuery Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der jQuery Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Was ist das DOM?“?
Verstehen Sie das Document Object Model in einfachen Worten – den Baum, der jede Webseite darstellt – und warum jQuery ihn so hervorragend manipulieren kann. Du übst jQuery Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um jQuery Academy zu starten?
Keine Vorkenntnisse erforderlich. jQuery Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 3.
Wie lange dauert die Lektion „Was ist das DOM?“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser jQuery Academy-Lektion Code schreiben und ausführen?
Ja. Jede jQuery Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Was ist jQuery?
- Was ist das DOM?
- jQuery in der Praxis