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:

html<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:

javascript$('.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:

javascript$('.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:

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

Jika Anda tidak terlalu suka melakukannya dengan cara itu - letakkan kunci font-size dalam tanda kutip:

javascript$('.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.