jQuery метод $.escapeSelector()

Определение и применение

jQuery метод $.escapeSelector() экранирует любой символ, который имеет особое значение в CSS селекторе. Этот метод используется в случаях, когда имя класса, или id содержит символы, которые имеют особое значение в CSS (например, такие как точка, или точка с запятой).

jQuery синтаксис:

Синтаксис 3.0:

JavaScript

$.escapeSelector( selector );

selector - Selector

Добавлен в версии jQuery

3.0

Значения параметров

Параметр	Описание
selector	Строка, содержащая выражение селектора для экранирования.

Пример использования

Метод $.escapeSelector() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html

HTML

<p>Результат выполнения выводится в консоль под примером.</p>

main.js

JavaScript

// инициализируем переменную, содержащая выражение селектора, который был экранирован
var mySelector = $.escapeSelector('.classWithDot')

// выводим в консоль содержимое переменной
console.log(mySelector) // "\.classWithDot"

// выбираем все элементы с классом .classWithDot внутри элемента <div>
$('div').find('.' + mySelector)

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}