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(համարը հավաքածուում, հատկության ընթացիկ արժեք));
Օրինակ
Եկեք ստանանք բոլոր տարրերը 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'});
