CSS Properties with Hyphens in 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 – คุณต้องเขียนเป็น fontSize แทนที่จะเป็น font-size:

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

หากคุณไม่ชอบวิธีการดังกล่าว คุณสามารถใส่คีย์ font-size ไว้ในเครื่องหมายคำพูด:

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

อย่างที่คุณเห็น jQuery มีตัวเลือกต่างๆ ในการใช้เมธอดตามความต้องการของคุณ ใช้สิ่งสะดวกสำหรับคุณ

ทำให้ข้อความทั้งหมดใน h3 เป็นตัวหนาและมีสีเขียว

ทำให้ h2 ทั้งหมดมีสีฟ้าและ font-size: 30px