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

См. также методы addClass, toggleClass, hasClass.

См. также урок основы работы с jQuery для более полного понимания.

См. также JavaScript свойство classList, с помощью которого можно удалить класс на чистом JavaScript.

Синтаксис

Один класс:

$(селектор).addClass(имя класса)

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

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

Дополнительно

Начиная с jQuery1.4 метод removeClass может применить заданную функцию к каждому элементу в наборе. С ее помощью можно будет удалить классы по определенному правилу для каждого элемента в наборе в отдельности.

При этом первым параметром функция получит номер элемента в наборе, а вторым параметром - текущий текст элемента:

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

Имена переменных в функции могут быть любыми.

К примеру, если для первого параметра 'номер в наборе' мы дадим имя index - тогда внутри нашей функции будет доступна переменная index, в которой будет лежать номер в наборе для того элемента, который функция обрабатывает в данный момент времени.

Аналогично, если для второго параметра 'текущие классы элемента' дать, к примеру, имя className - тогда внутри нашей функции будет доступна переменная className, в которой будут лежать классы того элемента, который функция обрабатывает в данный момент времени:

$(селектор).removeClass(function(index, className){
	//тут доступны переменные index и className
})

Атрибут class каждого элемента поменяется на тот, который вернет функция конкретно для этого элемента.

Примеры

Пример

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

<p id="test" class="eee www">привет</p>
$('#test').removeClass('www');

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

<p id="test" class="eee">привет</p>

Пример

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

<p id="test" class="www">привет</p>
$('#test').removeClass('www');

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

<p id="test" class="">привет</p>

Пример

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

<p id="test" class="eee www ggg">привет</p>
$('#test').removeClass('www ggg');

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

<p id="test" class="eee">привет</p>