css методу
css методу элементтин CSS стилдерин алууга
жана өзгөртүүгө мүмкүндүк берет.
Маанилүү эске алуу керек, биз 'эсептелген
маанилерди' (computed style
properties) алабыз, алар
css стилдеринде көрсөтүлгөндөрүнөн айырмаланышы мүмкүн.
Синтаксис
Бир касиетти алуу:
$(selector).css(property);
Бир нече касиетти алуу, берилген параметр - касиеттердин аттарынын массиви:
$(selector).css(['width', 'height', 'color']);
Бир касиетти өзгөртүү:
$(selector).css(property, new value);
Бир нече касиетти өзгөртөлү, аларды объект түрүндө берүү менен,
'ачкыч: маани' жуптарын камтыган. Касиеттин аты
CamelCase түрүндө көрсөтүлөт:
$(selector).css({fontSize: '12px', color: 'red'});
Же, альтернативдүү вариант:
<p class="www">текст</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Ошондой эле биз белгилүү функцияны топтогу
ар бир элементке колдонсо болот. Бул учурда функциянын
биринчи параметри топтогу элементтин номерин, ал эми экинчи параметри
- конкреттүү элемент үчүн белгиленген css касиетинин
учурдагы маанисин алат. Бул учурда this
функциянын ичинде учурдагы элементти көрсөтөт.
Ар бир элементтин CSS касиети функция ар бир элемент үчүн
кайтарып берген мааниге өзгөрүлөт:
$(selector).css(property name, function(index in set, current css property value));
Мисал
www класстагы бардык элементтерди алып,
алардын түсүн кызылга өзгөртөлү:
<p class="www">текст</p>
$('.www').css('color', 'red');
Мисал
www класстагы бардык элементтерди алып,
алардын түсүн кызылга, ал эми шрифттин өлчөмүн
20px кылалы:
<p class="www">текст</p>
$('.www').css({color:'red', fontSize:'20px'});
Же, альтернативдүү вариант:
<p class="www">текст</p>
$('.www').css({'color':'red', 'font-size':'20px'});
