Метад css
Метад css дазваляе атрымліваць
і змяняць CSS стылі элемента.
Важна памятаць, што мы будзем атрымліваць 'вылічаныя
значэнні' уласцівасцей (computed style
properties), якія могуць адрознівацца ад
паказаных у css стылях.
Сінтаксіс
Атрымаць адну ўласцівасць:
$(селектар).css(уласцівасць);
Атрымаць некалькі ўласцівасцей, якія перадаюцца параметр - масіў імёнаў уласцівасцей:
$(селектар).css(['width', 'height', 'color']);
Змяніць адну ўласцівасць:
$(селектар).css(уласцівасць, новае значэнне);
Зменім некалькі ўласцівасцей, перадаўшы іх у выглядзе аб'екта,
які змяшчае пары 'ключ: значэнне'. Назва ўласцівасці
паказваецца ў выглядзе CamelCase:
$(селектар).css({fontSize: '12px', color: 'red'});
Ці, альтэрнатыўны варыянт:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Таксама мы можам ужыць зададзеную функцыю да кожнага
элемента ў наборы. Пры гэтым першым параметрам функцыя
атрымае нумар элемента ў наборы, а другім параметрам
- бягучае значэнне зададзенага css уласцівасці
для канкрэтнага элемента. Пры гэтым this
ўнутры функцыі будзе паказваць на бягучы элемент.
CSS уласцівасць кожнага элемента зменіцца на тое,
якое верне функцыя канкрэтна для гэтага элемента:
$(селектар).css(імя ўласцівасці, function(нумар у наборы, бягучае значэнне css уласцівасці));
Прыклад
Давайце атрымаем усе элементы з класам www
і зменім іх колер на чырвоны:
<p class="www">text</p>
$('.www').css('color', 'red');
Прыклад
Давайце атрымаем усе элементы з класам www
і зменім іх колер на чырвоны, а памер шрыфту
- на 20px:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Ці, альтэрнатыўны варыянт:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
