jQuery метод .hasClass()

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

jQuery метод .hasClass() определяет существуют ли искомые элементы с указанным именем класса, или классов. Метод будет возвращать значение true, если у элемента есть соответствующий класс, даже если у элемента присутствуют другие классы. Метод может быть также использован в документах XML и формате SVG.

jQuery синтаксис:

JavaScript

$( selector ).hasClass( classname ) // поиск с указанным классом

classname - String

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

1.2

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

Параметр	Описание
classname	Имя одного класса без точки. Чтобы проверить несколько классов, вызовите `.hasClass()` для каждого имени и объедините результаты через `&&` (все классы) или `\|\|` (хотя бы один). Обязательный параметр.

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

Проверка одного и нескольких классов

Нажмите ▶: результаты проверок — true, true, false, false. Добавьте класс test3 и сравните вывод. Используется jQuery 3.1.1.

index.html

HTML

<div class="test test2">Элемент с двумя классами</div>

main.js

JavaScript

const element = $('div')
console.log(element.hasClass('test')) // true
console.log(element.hasClass('test') && element.hasClass('test2')) // true
console.log(element.hasClass('test') && element.hasClass('test2') && element.hasClass('test3')) // false
console.log(element.hasClass('test3')) // false

В этом примере с использованием jQuery метода .hasClass() мы проверяем наличие классов у элемента <div> и выводим результат этой проверки в консоль браузера.

В первом случае мы проверяем наличие класса test у элемента, получаем и выводим результат true.
Во втором случае мы проверяем наличие классов test и test2 у элемента, получаем и выводим результат true.
В третьем случае мы проверяем наличие трех классов у элемента (test, test2 и test3), получаем и выводим результат false.
В четвертом случае мы проверяем наличие класса test3 у элемента, получаем и выводим результат false.