Как использовать методы для работы со стилями в jQuery?

@wilburn 

jQuery предоставляет несколько методов для работы со стилями элементов. Некоторые из них перечислены ниже:

1. .css(): Этот метод используется для получения или установки стилей элемента. Вы можете передать ему название свойства стиля и значение, чтобы установить новое значение, или только название свойства стиля, чтобы получить текущее значение. Например:

1
2
3
4
5

// Установка нового значения для цвета фона элемента
$('div').css('background-color', 'red');

// Получение текущего значения цвета фона элемента
var backgroundColor = $('div').css('background-color');

1. .addClass(): Этот метод используется для добавления одного или нескольких классов элементу. Например:

1
2

// Добавление класса "my-class" к элементу
$('div').addClass('my-class');

1. .removeClass(): Этот метод используется для удаления одного или нескольких классов из элемента. Например:

1
2

// Удаление класса "my-class" из элемента
$('div').removeClass('my-class');

1. .toggleClass(): Этот метод используется для добавления или удаления класса из элемента в зависимости от его наличия. Если класс уже есть у элемента, он будет удален, в противном случае - добавлен. Например:

1
2

// Добавление класса "my-class" или его удаление из элемента
$('div').toggleClass('my-class');

1. .attr(): Этот метод используется для получения или установки значения атрибута элемента. Например:

1
2
3
4
5

// Установка нового значения атрибута "src" для изображения
$('img').attr('src', 'new-image.jpg');

// Получение текущего значения атрибута "src" для изображения
var src = $('img').attr('src');

Эти методы могут быть использованы для управления стилями и атрибутами элементов в jQuery.