Методи css
Методи css имкон медиҳад, ки
CSS услубҳои унсурро гирифтан
ва тағйир диҳем.
Муҳим аст, ки дар ёд дорем, ки мо 'қиматҳои
ҳисобшуда'-и хусусиятҳоро (computed style
properties) мегирем,
ки метавонанд аз онҳое, ки дар CSS услубҳо
муайян карда шудаанд, фарқ кунанд.
Синтаксис
Гирифтани як хусусият:
$(селектор).css(хусусият);
Гирифтани чанд хусусият, параметри гузаронидашуда - массив аз номҳои хусусиятҳо:
$(селектор).css(['width', 'height', 'color']);
Тағйир додани як хусусият:
$(селектор).css(хусусият, қимати нав);
Чанд хусусиятро тағйир диҳем, ба сурати объект
гузаронидани онҳо,
ки ҷуфтҳои 'калид: қимат'-ро дар бар мегирад. Номи хусусият
ба сурати CamelCase нишон дода мешавад:
$(селектор).css({fontSize: '12px', color: 'red'});
Ё, варианти алтернативӣ:
<p class="www">матн</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Ҳамчунин мо метавонем функсияи муайянкардашударо ба ҳар як
унсур дар маҷмӯъа татбиқ кунем. Дар ин ҳолат, функсия
ба ҳамчун параметри аввал рақами унсурро дар маҷмӯъа мегирад, ва ба ҳамчун параметри дуюм
- қимати ҷорӣи хусусияти css муайянкардашуда
барои унсури мушаххас. Дар ин ҳолат this
дар дохили функсия ба унсури ҷорӣ ишора мекунад.
Хусусияти CSS ҳар як унсур ба он чи
ки функсия барои ҳамин унсур бармегардонад, тағйир меёбад:
$(селектор).css(номи хусусият, function(рақам дар маҷмӯъа, қимати ҷории хусусияти css));
Мисол
Биёед ҳамаи унсурҳоро бо синфи 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'});
