Selektory JavaScript / jQuery DOM
jQuery vs JavaScript
jQuery zostało stworzone w 2006 roku przez Johna Resiga. Został zaprojektowany do obsługi niezgodności przeglądarek i uproszczenia manipulacji HTML DOM, obsługi zdarzeń, animacji i Ajax.
Od ponad 10 lat jQuery jest najpopularniejszą biblioteką JavaScript na świecie.Jednak po JavaScript w wersji 5 (2009) większość narzędzi jQuery można rozwiązać za pomocą kilku linijek standardowego JavaScript:
Znajdowanie elementu HTML według identyfikatora
Zwróć element z id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Znajdowanie elementów HTML według nazwy tagu
Zwróć wszystkie <p> elementy:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Znajdowanie elementów HTML według nazwy klasy
Zwróć wszystkie elementy z class="intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Znajdowanie elementów HTML za pomocą selektorów CSS
Zwróć listę wszystkich <p> elementów z class="intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");