Метод removeClass

Методът removeClass премахва зададен CSS клас от атрибута class. Може да премахнете един или няколко класа едновременно.

Синтаксис

Един CSS клас:

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

Няколко CSS класа:

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

Прилагане на функция към всеки елемент в набора:

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

Пример

Нашият параграф вече има два класа. Нека премахнем класа www:

html<p id="test" class="eee www">текст</p>
javascript$('#test').removeClass('www');

HTML кодът ще изглежда така:

html<p id="test" class="eee">текст</p>

Пример

Нашият параграф вече има клас. Нека премахнем този клас:

html<p id="test" class="www">текст</p>
javascript$('#test').removeClass('www');

HTML кодът ще изглежда така:

html<p id="test" class="">текст</p>

Пример

Нашият параграф вече има 3 класа. Нека премахнем два класа - www и ggg:

html<p id="test" class="eee www ggg">текст</p>
javascript$('#test').removeClass('www ggg');

HTML кодът ще изглежда така:

html<p id="test" class="eee">текст</p>

Вижте също

  • методи addClass, toggleClass, hasClass
  • JavaScript свойство classlist,
    с което можете да добавяте и премахвате CSS класове на елемент на чист JavaScript