Добавить класс jQuery

Чтобы добавить класс с помощью jQuery, можно использовать метод `addClass()`. Этот метод позволяет добавить один либо несколько классов к выбранным элементам.

Пример кода:

HTML:

html
Пример

JavaScript с использованием jQuery:

javascript
$(document).ready(function() {
  $('#myDiv').addClass('newClass');
});

В данном примере был добавлен класс "newClass" к элементу с идентификатором "myDiv". После выполнения этого кода, элемент будет иметь следующий HTML-код:

html
Пример

Можно также добавить несколько классов одновременно, указав их в виде простого пробелом разделенного списка в качестве аргумента метода `addClass()`. Например:

javascript
$(document).ready(function() {
  $('#myDiv').addClass('class1 class2 class3');
});

И после выполнения этого кода, элемент будет иметь следующий HTML-код:

html
Пример

Кроме того, можно использовать функцию обратного вызова в методе `addClass()`, чтобы добавить классы динамически в зависимости от условий. Например:

javascript
$(document).ready(function() {
  let myVariable = true;
  $('#myDiv').addClass(function() {
    if (myVariable) {
      return 'newClass';
    } else {
      return 'oldClass';
    }
  });
});

В этом примере, если переменная `myVariable` равна `true`, то будет добавлен класс "newClass", иначе будет добавлен класс "oldClass".

Таким образом, с помощью метода `addClass()` в jQuery можно легко добавить классы к выбранным элементам, что позволяет изменять их стили или поведение при помощи CSS и JavaScript.