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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Получить | Назначить свойство стиля (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)'
});
Реклама

Вернуться в «JavaScript»

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

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