jQuery'de Tireli CSS Özellikleri
Özelliğin, CSS'te sıklıkla olduğu gibi, tireyle ayrılmış birden fazla kelimeden oluştuğunu varsayalım:
<p class="www">text</p>
Bu durumda hiçbir sorun yoktur - Javascript kodunda CSS'teki gibi yazılır:
$('.www').css('font-size', '20px');
Birden fazla CSS özelliği belirlemek isterseniz,
bunun için css metoduna, anahtarları
CSS özellikleri ve nesne değerleri
- CSS özelliklerinin değerleri olan
bir nesneyi parametre olarak iletebilirsiniz:
$('.www').css({color: 'red', font: '12px Arial'});
Ancak, burada zaten
font-size
tipindeki özelliklerle problemler olacaktır
- font-size yazmamalısınız,
bunun yerine fontSize yazmalısınız:
$('.www').css({color: 'red', fontSize: '12px'});
Bunu yapmaktan pek hoşlanmıyorsanız -
font-size anahtarını tırnak içine alın:
$('.www').css({color: 'red', 'font-size': '12px'});
Gördüğünüz gibi, jQuery, tercihlerinize bağlı olarak metodları kullanmanın çeşitli seçeneklerini sunar. Hangisi sizin için daha uygunsa onu kullanın.
Tüm h3 etiketlerine kalın
yeşil renkli yazı yapın.
Tüm h2 etiketlerine açık mavi renk ve
font-size: 30px yapın.
