Селекторы JavaScript/jQuery DOM
jQuery против JavaScript
jQuery был создан в 2006 году Джоном Резигом. Он был разработан для обработки несовместимости браузеров и упрощения манипулирования HTML DOM, обработки событий, анимации и Ajax.
Уже более 10 лет jQuery является самой популярной библиотекой JavaScript в мире.Однако после версии JavaScript 5 (2009 г.) большинство утилит jQuery можно решить с помощью нескольких строк стандартного JavaScript:
Поиск элемента HTML по идентификатору
Вернуть элемент с id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Поиск элементов HTML по имени тега
Вернуть все элементы <p>:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Поиск элементов HTML по имени класса
Верните все элементы с class="intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Поиск элементов HTML с помощью селекторов CSS
Возвращает список всех элементов <p> с class="intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");