jQuery เพิ่ม class หลายอันพร้อมกัน ด้วย addClass

jQuery เพิ่ม class หลายอันพร้อมกัน ด้วย addClass บทความนี้สอนใช้คำสั่ง addClass ของ jQuery Framework สำหรับเพิ่ม class ลงใน elements ที่ต้องการ โดยจะเป็นการเพิ่มหลาย class พร้อมกัน สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery เพิ่ม class หลายอันพร้อมกัน ด้วย addClass

<div id="colors"></div>

<script>
    $(document).ready(function(){
        $("#colors").addClass("red green blue");
    });
</script>

ผลลัพธ์

<div id="colors" class="red green blue"></div>

jQuery เพิ่ม class หลายอันพร้อมกัน จากตัวอย่างใช้คำสั่ง $("#colors").addClass("red green blue") หมายความว่าให้เพิ่ม class red, green, blue ทั้งหมด 3 class ให้กับ element ที่มี id เท่ากับ colors ด้วยคำสั่ง addClass