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

1
2
3
4
5

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

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

1
2

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

1
2

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

1
2

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

1
2
3
4
5

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

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

1
2
3
4
5

// Установка стиля цвета текста для всех элементов <p> на странице
$('p').css('color', 'blue');

// Получение текущего значения ширины элемента с id="myElement"
var width = $('#myElement').css('width');

1
2

// Добавление класса "highlight" ко всем элементам <div> на странице
$('div').addClass('highlight');

1
2

// Удаление класса "highlight" из всех элементов <div> на странице
$('div').removeClass('highlight');

1
2
3
4

// Переключение класса "active" у элемента с id="myButton" при клике на него
$('#myButton').click(function() {
  $(this).toggleClass('active');
});

1
2
3
4
5

// Установка нового значения атрибута "href" для всех ссылок
$('a').attr('href', 'https://www.example.com');

// Получение текущего значения атрибута "data-value" для элемента с классом "myElement"
var dataValue = $('.myElement').attr('data-value');