Как сохранить css свойство на jquery перед изменением?

Пользователь

от richie_mayert , в категории: JavaScript , 10 месяцев назад

Как сохранить css свойство на jquery перед изменением?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hoyt.jerde , 10 месяцев назад

@richie_mayert 

Вы можете сохранить свойство CSS с помощью функции attr() в jQuery:

1
2
3
4
5
6
7
8
// Сохранить значение свойства CSS
var savedValue = $('#element').css('property');

// Изменить свойство CSS
$('#element').css('property', 'new value');

// Восстановить сохраненное значение свойства CSS
$('#element').css('property', savedValue);


Здесь #element - это селектор элемента, свойство которого вы хотите сохранить и изменить. 'property' - это имя свойства CSS, которое вы хотите сохранить и изменить.


Пример использования:

1
2
3
4
5
6
7
8
// Сохранить значение цвета текста перед изменением
var savedColor = $('#element').css('color');

// Изменить цвет текста на красный
$('#element').css('color', 'red');

// Восстановить сохраненный цвет текста
$('#element').css('color', savedColor);


В итоге, цвет текста будет временно изменен на красный, а затем восстановлен в сохраненное значение.