Метод 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'});
