# Метод removeClass

Метод `removeClass` удаляет заданный CSS класс из атрибута `class`. Можно удалить один или несколько классов одновременно.

## Синтаксис

Один CSS класс:

`$(селектор).removeClass(имя CSS класса)`

Несколько CSS классов:

`$(селектор).removeClass('класс1 класс2 класс3 ...')`

Применение функции к каждому элементу в наборе:

`$(селектор).removeClass(function(номер в наборе, текущие CSS классы элемента))`

## Пример

У нашего абзаца уже есть два класса. Давайте удалим класс `www`:

`<p id="test" class="eee www">text</p>` `$('#test').removeClass('www');`

HTML код станет выглядеть так:

`<p id="test" class="eee">text</p>`

## Пример

У нашего абзаца уже есть класс. Давайте удалим этот класс:

`<p id="test" class="www">text</p>` `$('#test').removeClass('www');`

HTML код станет выглядеть так:

`<p id="test" class="">text</p>`

## Пример

У нашего абзаца уже есть `3` класса. Давайте удалим два класса - `www` и `ggg`:

`<p id="test" class="eee www ggg">text</p>` `$('#test').removeClass('www ggg');`

HTML код станет выглядеть так:

`<p id="test" class="eee">text</p>`

## Смотрите также

- методы `addClass`, `toggleClass`, `hasClass`
- JavaScript свойство `classlist`,
  с помощью которого можно добавлять и удалять CSS классы элемента на чистом JavaScript

← →
↑