DANFA

Как получить или назначить свойство стиля (jQuery: css)

Библиотека JS
Dolphin
14.06.2017 08:50:22 am
Функция 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)'
});