Выборщики DOM JavaScript / jQuery

jQuery vs JavaScript

jQuery был создан Джоном Резигом в 2006 году. Он предназначен для обработки несовместимости браузеров и упрощения операций с HTML DOM, обработки событий, анимаций и AJAX.

В течение более чем десяти лет jQuery была одной из самых популярных библиотек JavaScript в мире.

Однако, после JavaScript Version 5 (2009) большинство jQuery-утилит можно решить с помощью нескольких строк стандартного JavaScript:

Поиск HTML элементов по id

Возврат элемента с атрибутом id="intro":

jQuery

var myElement = $("#id01");

Попробуйте сами

JavaScript

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

Попробуйте сами

Поиск HTML элементов по имени тега

Возврат всех элементов <p>:

jQuery

var myElements = $("p");

Попробуйте сами

Пример

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

Попробуйте сами

Найти HTML элементы по классу

Вернуть все элементы с классом="intro".

jQuery

var myElements = $(".intro");

Попробуйте сами

JavaScript

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

Попробуйте сами

Методы не работают в Internet Explorer 8 и более ранних версиях.

Найти HTML элементы через CSS селекторы

Вернуть список всех элементов <p> с классом="intro".

jQuery

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

Попробуйте сами

JavaScript

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

Попробуйте сами

querySelectorAll() Методы не работают в Internet Explorer 8 и более ранних версиях.