0

Подскажите пожалуйста, как изменить значение CSS свойства при помощи JQuery, или JS. Проблема в том, что стандартный .css() меняет стиль только заданного(ых) элемента(ов):

$('.painted').css('background-color', 'var(#d63031)'); // Меняет цвет на красный
$('div').addClass('painted') // А потом добавляет блоку класс
div {
  width: 100px;
  height: 100px;
}
.painted {
	background-color: #00b894; /* Зелёный */
}
<div></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

То есть в таком случае .css() не сработает, т. к. присваивание класса происходит после его изменения. Можно ли как-то поменять именно CSS код через JS/ JQuery?

5
  • "чтобы свойство изменилось именно в CSS файле" - ??
    – user176262
    Commented 26 мая 2020 в 19:36
  • Попытался описать проблему понятнее Commented 26 мая 2020 в 19:46
  • вы не стиль как таковой для класса меняете описанный в css, а находите на странице элементы с данным классом и им изменяете стиль.
    – teran
    Commented 26 мая 2020 в 20:23
  • А можно как-то сделать так, чтобы менять именно стиль в css? Commented 26 мая 2020 в 20:25
  • нельзя да и смысла в этом нет. вы чего добавиться то хотите? строчки местами поменяйте, и увидите результат.
    – teran
    Commented 26 мая 2020 в 20:29

1 ответ 1

2

все смешалось в доме Облонских

вы в корне неверно трактуете происходящее. Насколько я понимаю, вы убеждены в том, что вот есть у вас класс .painted в css. Вы якобы берете его $(".painted") и меняете его настройку. Потом будто бы добавляете этот измененный класс к диву.

На самом деле в указанном коде вы ищите на странице все элементы разметки у которых есть класс .painted (таковых в примере нет) и этим элементам изменяете css-свойство.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.