.removeClass() – удаляет заданные классы у элементов на странице.

Функция имеет несколько вариантов использования:

.removeClass()

Без параметров функция удалит все классы у выбранных элементов.

.removeClass( [className] )

• className — строка, содержащая имя класса (либо имена классов, разделенных пробелами), который(ые) требуется удалить у каждого элемента в наборе.

.removeClass( function )

• function (index, className) — Удаляет классы, список которых возвращает заданная функция, которая должна возвращать строку с перечислением классов через пробел. Функция вызывается отдельно для каждого из выбранных элементов.
  • index — позиция элемента в наборе;
  • className — текущий класс(ы) элемента.

Если указано название класса, то будет удалён только класс. Если ни один класс не указан, то все классы будут удалены.

Рассмотрим пример удаления сразу нескольких классов:

$( "p" ).removeClass( "myClass yourClass" )

Этот метод часто используется совместно с методом .addClass():

$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );

Классы myClass и noClass будут удалены, а добавлен класс yourClass.

Для замены всех классов на один, можно использовать метод .attr('class', 'newClass').

Начиная с jQuery 1.4, с помощью метода .removeClass() можно удалить классы, которые возвращает заданная фукнция:

$( "li:last" ).removeClass(function() {
  return $( this ).prev().attr( "class" );
});