.hasClass() в jQuery: инструкция с примерами

Описание метода .hasClass()

Метод .hasClass() возвращает булево значение, которое указывает, есть ли у элемента какой-либо класс. Если класс присутствует у элемента, метод возвращает true, в противном случае - false.

Пример использования метода .hasClass():

if ($('div').hasClass('my-class')) {
  // Действия, если класс 'my-class' есть у элемента div
} else {
  // Действия, если класса 'my-class' нет у элемента div
}

Примеры использования метода .hasClass()

Проверка наличия класса у элемента при клике на него.

$('button').click(function() {
  if ($(this).hasClass('active')) {
    $(this).removeClass('active');
  } else {
    $(this).addClass('active');
  }
});

Проверка наличия класса у элемента при загрузке страницы.

$(document).ready(function() {
  if ($('#my-element').hasClass('my-class')) {
    alert('Класс my-class есть у элемента #my-element');
  } else {
    alert('Класс my-class отсутствует у элемента #my-element');
  }
});

Использование метода для фильтрации элементов с определенным классом.

var elements = $('.my-class');
elements.each(function() {
  // Действия, которые нужно выполнить для элементов с классом 'my-class'
});

Заключение

Метод .hasClass() в Jquery - это простой и удобный способ проверки наличия класса у элементов HTML-страницы. Он позволяет легко обрабатывать события, фильтровать элементы и динамически изменять классы у элементов на странице.