JavaScript / jQuery DOM-Selektoren
jQuery vs. JavaScript
jQuery wurde 2006 von John Resig entwickelt. Es wurde entwickelt, um Browser-Inkompatibilitäten zu behandeln und die HTML-DOM-Manipulation, Ereignisbehandlung, Animationen und Ajax zu vereinfachen.
Seit mehr als 10 Jahren ist jQuery die beliebteste JavaScript-Bibliothek der Welt.Nach JavaScript Version 5 (2009) können die meisten jQuery-Dienstprogramme jedoch mit ein paar Zeilen Standard-JavaScript gelöst werden:
Suchen von HTML-Elementen nach ID
Geben Sie das Element mit id="id01" zurück:
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Suchen von HTML-Elementen nach Tag-Namen
Alle <p>-Elemente zurückgeben:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Suchen von HTML-Elementen nach Klassennamen
Gibt alle Elemente mit class="intro" zurück.
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Finden von HTML-Elementen durch CSS-Selektoren
Gibt eine Liste aller <p>-Elemente mit class="intro" zurück.
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");