jQuery addClass()เมธอด

เพิ่มชื่อคลาสให้กับองค์ประกอบ <p> แรก:

$("button").click(function(){
$("p:first").addClass("intro");
});

ความหมายและการใช้งาน

เมธอด addClass() เพิ่มชื่อคลาสอย่างน้อยหนึ่งชื่อให้กับองค์ประกอบที่เลือก

เมธอดนี้ไม่ได้ลบแอททริบิวต์ของคลาสที่มีอยู่ แต่เพิ่มชื่อคลาสตั้งแต่หนึ่งชื่อขึ้นไปในแอททริบิวต์ของคลาส

เคล็ดลับ:หากต้องการเพิ่มมากกว่าหนึ่งชั้นเรียน ให้แยกชื่อชั้นเรียนด้วยการเว้นวรรค

$(selector).addClass(classname,function(index,currentclass))

Parameter	Description
classname	Required. Specifies one or more class names to be added
function(index,currentclass)	Optional. Specifies a function that returns one or more class names to be added index - Returns the index position of the element in the set currentclass - Returns the current class name of the selected element

วิธีเพิ่มสองชื่อคลาสให้กับองค์ประกอบที่ระบุ

วิธีเพิ่มคลาสให้กับองค์ประกอบที่เลือกโดยใช้ฟังก์ชัน

วิธีใช้ addClass() และ removeClass() เพื่อลบชื่อคลาสหนึ่งและเพิ่มชื่อคลาสใหม่