Hauptinhalt
Programmierung
Kurs: Programmierung > Lerneinheit 7
Lesson 2: DOM-Zugriff mit jQuery- Challenge: Verschönere eine Seite mit jQuery
- Webseiten mit der Browser-Konsole debuggen
- Challenge: Berühmte Entdeckungen
- Wiederholung: Mit jQuery auf DOM zugreifen
- Projekt: DOM-Detektive
- Geschichtspause: Wie hat John jQuery entwickelt?
© 2023 Khan AcademyNutzungsbedingungenDatenschutzerklärungCookie-Meldung
Projekt: DOM-Detektive
Die Khan Academy verwendet auch JQuery. Daher kannst sofort deine JavaScript Konsole öffnen und die folgenden Codezeile ausführen, um dir den Inhalt aller
<h1>
-Elemente auf dieser Seiten anzeigen zu lassen.$("h1").text();
Willst du wissen, wie viele
<h1>
-Element es gibt? Führe diese Codezeile aus:$("h1").length;
Versuche nun, CSS Selektoren zu verwenden, um mehr Elemente auf dieser Seite von Khan Academy zu finden, wie z. B.:
- Alle Links.
- Diesen Artikel.
- Jedes Bild.
- Die Navigationsleiste links.
- Deinen Namen in der Ecke oben rechts.
- Den Text 'Home'.
- ... und vieles mehr!
Du darfst deine Selektoren gerne im Diskussionsforum unten besprechen, aber denk daran, dass unser HTML-Code sich laufend verändert. Daher sind Selektoren, welche heute funktionieren, vielleicht schon morgen unbrauchbar. Auch gibt es of ganz viele verschiedene CSS-Selektoren, um das gleiche Element zu ermitteln, daher kann es viele richtige Antworten geben.
Zieh dir nun deinen Detektiv-Hut an und beginne mit deiner Detektivarbeit an unserer DOM!
Willst du an der Diskussion teilnehmen?
Noch keine Beiträge.