CSS հատկություններ գծիկներով jQuery-ում
Ենթադրենք հատկությունը, ինչպես հաճախ է լինում CSS-ում, բաղկացած է մի քանի բառից, որոնք բաժանված են գծիկով.
<p class="www">տեքստ</p>
Այդ դեպքում ոչ մի խնդիր չկա. այն Javascript կոդում գրվում է նույն կերպ, ինչպես CSS-ում.
$('.www').css('font-size', '20px');
Եթե ցանկանում եք սահմանել մի քանի CSS հատկություն,
ապա դրա համար css մեթոդին կարելի է փոխանցել
օբյեկտ որպես պարամետր, որի բանալիները
կլինեն CSS հատկությունները, իսկ օբյեկտի արժեքները՝
CSS հատկությունների արժեքները.
$('.www').css({color: 'red', font: '12px Arial'});
Սակայն, այստեղ արդեն խնդիրներ կառաջանան այնպիսի հատկությունների դեպքում, ինչպիսին է
font-size
- պետք է գրել ոչ թե font-size,
այլ fontSize.
$('.www').css({color: 'red', fontSize: '12px'});
Եթե ձեզ չի դուր գալիս այդպես անելը՝ վերցրեք
font-size բանալին չակերտների մեջ.
$('.www').css({color: 'red', 'font-size': '12px'});
Ինչպես տեսնում եք, jQuery-ն տալիս է տարբեր տարբերակներ մեթոդների օգտագործման համար՝ կախված ձեր նախասիրություններից: Օգտագործեք այն, ինչը ձեզ համար ավելի հարմար է:
Բոլոր h3 էլեմենտներին դարձրեք թավ
տեքստ կանաչ գույնով։
Բոլոր h2 էլեմենտներին դարձրեք երկնագույն գույն և
սահմանեք font-size: 30px։
