Properti CSS dengan Tanda Hubung di jQuery
Misalkan sebuah properti, seperti yang sering terjadi di CSS, terdiri dari beberapa kata yang dipisahkan oleh tanda hubung:
<p class="www">teks</p>
Dalam kasus seperti ini, tidak ada masalah - properti tersebut ditulis dalam kode Javascript dengan cara yang sama seperti di CSS:
$('.www').css('font-size', '20px');
Jika Anda ingin mengatur beberapa properti CSS,
Anda dapat meneruskan sebuah objek sebagai parameter ke metode css,
di mana kunci-kunci objek tersebut adalah properti CSS,
dan nilai-nilai objek adalah nilai-nilai properti CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Namun, di sini akan ada masalah dengan properti seperti
font-size
- Anda harus menulis fontSize, bukan font-size:
$('.www').css({color: 'red', fontSize: '12px'});
Jika Anda tidak terlalu suka melakukannya dengan cara itu - letakkan
kunci font-size dalam tanda kutip:
$('.www').css({color: 'red', 'font-size': '12px'});
Seperti yang Anda lihat, jQuery memberikan berbagai pilihan penggunaan metode tergantung pada preferensi Anda. Gunakan cara yang menurut Anda lebih nyaman.
Buat teks untuk semua h3 menjadi tebal
dengan warna hijau.
Buat warna biru muda untuk semua h2 dan
font-size: 30px.
