CSS հատկություններ գծիկներով jQuery-ում

Ենթադրենք հատկությունը, ինչպես հաճախ է լինում CSS-ում, բաղկացած է մի քանի բառից, որոնք բաժանված են գծիկով.

html<p class="www">տեքստ</p>

Այդ դեպքում ոչ մի խնդիր չկա. այն Javascript կոդում գրվում է նույն կերպ, ինչպես CSS-ում.

javascript$('.www').css('font-size', '20px');

Եթե ցանկանում եք սահմանել մի քանի CSS հատկություն, ապա դրա համար css մեթոդին կարելի է փոխանցել օբյեկտ որպես պարամետր, որի բանալիները կլինեն CSS հատկությունները, իսկ օբյեկտի արժեքները՝ CSS հատկությունների արժեքները.

javascript$('.www').css({color: 'red', font: '12px Arial'});

Սակայն, այստեղ արդեն խնդիրներ կառաջանան այնպիսի հատկությունների դեպքում, ինչպիսին է font-size - պետք է գրել ոչ թե font-size, այլ fontSize.

javascript$('.www').css({color: 'red', fontSize: '12px'});

Եթե ձեզ չի դուր գալիս այդպես անելը՝ վերցրեք font-size բանալին չակերտների մեջ.

javascript$('.www').css({color: 'red', 'font-size': '12px'});

Ինչպես տեսնում եք, jQuery-ն տալիս է տարբեր տարբերակներ մեթոդների օգտագործման համար՝ կախված ձեր նախասիրություններից: Օգտագործեք այն, ինչը ձեզ համար ավելի հարմար է: