.removeClass( [ имяКласса ] )
Возвращает: jQuery
Описание: Удаляет один класс, несколько классов, или все классы из каждого элемента в наборе соответствующих элементов.
.removeClass( [ имяКласса ] )
Добавлена в версию: 1.0
имяКласса
Один или несколько имен классов для удаления из атрибута класса каждого совпавшего элемента.
.removeClass( function(индекс, класс) )
Добавлена в версию: 1.4
function(индекс, класс)
Функция, возвращающая один или несколько, разделенных пробелами, имен класса для удаления. Получает индекс положения элемента в наборе, и старое значение класса в качестве аргументов.
Если имя класса включено как параметр, тогда только этот класс будет удален из набора соответствующих элементов. Если ни одного имени класса не определенно как параметр, все классы будут удалены.
Более одного класса может быть удаленно одновременно, разделенных пробелами, в наборе соответствующих элементов, как например:
$('p').removeClass('myClass yourClass')
Этот метод обычно используется с .addClass() для переключения классов элемента от одного к другому, как например:
$('p').removeClass('myClass noClass').addClass('yourClass');
Здесь, класс myClass и noClass удаленны из всех параграфов, в то время как yourClass добавлен.
Для замены всех существующих классов на другой класс, мы можем использовать вместо этого .attr('class', 'newClass').
Начиная с jQuery 1.4, метод .removeClass() позволяет нам установить имя класса, передав его в функцию.
Этот пример удаляет имя класса предыдущего <li> от последнего <li>.
Примеры
Пример 1
Удаляет класс ‘blue’ изо всех совпавших элементов.Пример 1 - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("p:even").removeClass("blue"); }); </script> <style> p { margin: 4px; font-size:16px; font-weight:bolder; } .blue { color:blue; } .under { text-decoration:underline; } .highlight { background:yellow; } </style> </head> <body> <p class="blue under">Hello</p> <p class="blue under highlight">and</p> <p class="blue under">then</p> <p class="blue under">Goodbye</p> </body> </html>
Пример 2
Удаляет классы ‘blue’ и ‘under’ изо всех совпавших элементов.Пример 2 - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("p:odd").removeClass("blue under"); }); </script> <style> p { margin: 4px; font-size:16px; font-weight:bolder; } .blue { color:blue; } .under { text-decoration:underline; } .highlight { background:yellow; } </style> </head> <body> <p class="blue under">Hello</p> <p class="blue under highlight">and</p> <p class="blue under">then</p> <p class="blue under">Goodbye</p> </body> </html>
Пример 3
Удаляет все классы изо всех совпавших элементов.Пример 3 - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("p:eq(1)").removeClass(); }); </script> <style> p { margin: 4px; font-size:16px; font-weight:bolder; } .blue { color:blue; } .under { text-decoration:underline; } .highlight { background:yellow; } </style> </head> <body> <p class="blue under">Hello</p> <p class="blue under highlight">and</p> <p class="blue under">then</p> <p class="blue under">Goodbye</p> </body> </html>
Была ли эта информация полезной?
