.removeClass()

.removeClass( className [, duration ] [, easing ] [, complete ] )Возвращает: jQuery

Описание: Удаляет указанные класс(ы) из каждого из набора сопоставленных элементов, одновременно анимируя все изменения стилей.

.removeClass( className [, duration ] [, easing ] [, complete ] )
- className
  
  Тип: Строка
  
  Один или несколько имен классов (разделенных пробелами), которые нужно удалить из атрибута class каждого сопоставленного элемента.
- duration (по умолчанию: 400)
  
  Тип: Число или Строка
  
  Строка или число, определяющие продолжительность анимации.
- easing (по умолчанию: swing)
  
  Тип: Строка
  
  Строка, указывающая функцию плавного перехода, которую следует использовать для перехода.
- complete
  
  Тип: Функция()
  
  Функция, вызываемая по завершении анимации, вызывается один раз на каждый сопоставленный элемент.
.removeClass( className [, options ] )
- className
  
  Тип: Строка
  
  Один или несколько имен классов (разделенных пробелами), которые нужно удалить из атрибута class каждого сопоставленного элемента.
- options
  
  Тип: Объект
  
  Все параметры анимации. Все свойства являются необязательными.
  - duration (по умолчанию: 400)
    
    Тип: Число или Строка
    
    Строка или число, определяющие продолжительность анимации.
  - easing (по умолчанию: swing)
    
    Тип: Строка
    
    Строка, указывающая функцию плавного перехода, которую следует использовать для перехода.
  - complete
    
    Тип: Функция()
    
    Функция, вызываемая по завершении анимации, вызывается один раз на каждый сопоставленный элемент.
  - children (по умолчанию: false)
    
    Тип: Булево
    
    Указывает, должна ли анимация дополнительно применяться ко всем потомкам сопоставленных элементов. Эту функцию следует использовать с осторожностью, так как стоимость определения потомков для анимации может быть очень высокой и линейно возрастает с количеством потомков.
  - queue (по умолчанию: true)
    
    Тип: Булево или Строка
    
    Булево значение, указывающее, нужно ли поместить анимацию в очередь эффектов. Если false, анимация начнется немедленно. Также можно указать строку, в этом случае анимация добавляется в очередь, представленную этой строкой.

Аналогично встроенным CSS-переходам, анимации классов jQuery UI обеспечивают плавный переход от одного состояния к другому, позволяя вам сохранить все детали о том, какие стили нужно изменить в CSS и не включать их в ваш JavaScript. Все методы анимации классов, включая .removeClass(), поддерживают пользовательские продолжительности и плавные переходы, а также предоставляют обратный вызов на завершение анимации.

Не все стили можно анимировать. Например, нельзя анимировать изображение фона. Любые стили, которые нельзя анимировать, будут изменены в конце анимации.

Этот плагин расширяет встроенный метод jQuery .removeClass(). Если jQuery UI не загружен, вызов метода .removeClass() может не привести к непосредственной ошибке, так как метод всё равно существует. Однако ожидаемого поведения не произойдёт.

Пример:

Удаляет класс "big-blue" из сопоставленных элементов.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>removeClass demo</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.css">
  <style>
  div {
    width: 100px;
    height: 100px;
    background-color: #ccc;
  }
  .big-blue {
    width: 200px;
    height: 200px;
    background-color: #00f;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.js"></script>
</head>
<body>
 
<div class="big-blue"></div>
 
<script>
$( "div" ).click(function() {
  $( this ).removeClass( "big-blue", 1000, "easeInBack" );
});
</script>
 
</body>
</html>

.removeClass( className [, duration ] [, easing ] [, complete ] )Возвращает: jQuery

.removeClass( className [, duration ] [, easing ] [, complete ] )

.removeClass( className [, options ] )

Пример:

Демо: