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