Wybieracz DOM JavaScript / jQuery

jQuery vs JavaScript

jQuery został stworzony przez Johna Resiga w 2006 roku. Ma na celu rozwiązanie problemów z niekompatybilnością przeglądarek oraz uproszczenie operacji na HTML DOM, obsługi wydarzeń, animacji i AJAX.

Przez ponad dekadę jQuery była najbardziej popularną biblioteką JavaScript na świecie.

Jednak od wersji JavaScript Version 5 (2009) większość funkcji jQuery można zastąpić kilkoma liniami standardowego JavaScript:

Znajdowanie elementów HTML za pomocą id

Zwraca element o atrybucie id="intro":

jQuery

var myElement = $("#id01");

Spróbuj sam

JavaScript

var myElement = document.getElementById("id01");

Spróbuj sam

Znajdowanie elementów HTML za pomocą nazwy tagu

Zwraca wszystkie elementy <p>:

jQuery

var myElements = $("p");

Spróbuj sam

Przykład

var myElements = document.getElementsByTagName("p");

Spróbuj sam

Znajdowanie elementów HTML za pomocą nazwy klasy

Zwraca wszystkie elementy o klasie "intro".

jQuery

var myElements = $(".intro");

Spróbuj sam

JavaScript

var myElements = document.getElementsByClassName("intro");

Spróbuj sam

Metoda nie działa w Internet Explorer 8 i wcześniejszych wersjach.

Znajdowanie elementów HTML za pomocą selektorów CSS

Zwraca listę wszystkich elementów <p> o klasie "intro".

jQuery

var myElements = $("p.intro");

Spróbuj sam

JavaScript

var myElements = document.querySelectorAll("p.intro");

Spróbuj sam

querySelectorAll() Metoda nie działa w Internet Explorer 8 i wcześniejszych wersjach.