CSS თვისებები ტირეებით jQuery-ში
დავუშვათ თვისება, როგორც ეს ხშირად ხდება CSS-ში, შედგება რამდენიმე სიტყვისგან, გამოყოფილი ტირეთი:
<p class="www">text</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.
