util.$()

Выбирает один элемент HTML, который соответствует указанному селектору.

$(selector [, context]);

Параметр	Тип	Описание
`selector`	String	Действительный CSS-селектор для элемента.
`context`	Node	Элемент HTML для использования в качестве контекста.

Метод .$() Знак доллара позволяет выбрать один HTML-элемент из DOM, который соответствует указанному селектору. Строка selector должна быть валидным CSS селектором.

Использование

// Выбираем один элемент HTML
var element = util.$('#example');

console.log(element);

Результат

<mark id="example"></mark>

Экранирование

Специальные символы

Чтобы сопоставить ID или селекторы, которые не соответствуют стандартному синтаксису CSS (например, использующих двоеточие), необходимо экранировать специальный символ обратной косой чертой \. Поскольку обратная косая черта также является экранирующим символом в JavaScript, то при вводе литеральной строки необходимо удвоить её, т.е. экранировать дважды, первый раз для строки JavaScript, а второй для .$(). Для примера у нас имеется вот такой блок:

<div id="abc:block">АБВГД</div>

let myEl = util.$('#abc\\:block'); // Сработает!

let myEl = util.$('#abc\:block');  // Не сработает

let myEl = util.$('#abc:block');   // Не сработает