Получить | Назначить свойство стиля (jQuery: css)

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2080
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 67 раз

Получить | Назначить свойство стиля (jQuery: css)

Сообщение Slash » Пн июн 13, 2016 5:22 pm

Функция css - получает свойство стиля у первого найденного элемента на странице. Пример получения свойства background-color:

Код: Выделить всё

<div style="background-color: rgb(220, 220, 220)">Блок</div>

<script type="text/javascript">
var color = $('div').css('background-color');
alert(color);
</script>
Код из примера выведет сообщение:
rgb(220, 220, 220)
Так же, функция css устанавливает стиль для всех заданных элементов. Пример установки свойства background-color для всех блоков:

Код: Выделить всё

<div>Блок 1</div>
<div>Блок 2</div>

<script type="text/javascript">
$('div').css({'background-color' : 'rgb(220, 220, 220)'});
</script>
Можно указывать несколько свойств для элементов, перечисляя их через запятую:

Код: Выделить всё

$('div').css({
    'background-color' : 'rgb(220, 220, 220)',
    'font-weight'      : 'bolder',
    'color'            : 'rgb(255, 255, 255)'
});

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость