Посмотрим как работать с css в jQuery. Пусть у нас есть такая разметка
|
1 2 3 |
<div id="1">First</div> <div id="2">Second</div> <div id="3">Third</div> |
Самое простое, что мы можем сделать с css элементами
|
1 2 3 4 5 6 7 |
$(function(){ alert($('#1').css('font-size')); // Получение значения атрибута $('#1').css('font-size',14); // Установка значение css }); |
Изменить свойства можно также с помощью функции
|
1 2 3 4 5 6 7 8 9 10 |
$(function(){ $('#1').css('background-color', function(index, oldValue){ if(oldValue=='rgb(0, 123, 238)') {return 'red';} else {return 'green';} }); }); |
Можно установить сразу несколько css параметров
|
1 2 3 |
$(function(){ $('#1').css({'color':'white', 'cursor':'pointer', 'background-color': 'red'}); }); |