ตัวอย่าง
เพิ่มชื่อชั้นแรก <p> องค์ประกอบ:
$("button").click(function(){
$("p:first").addClass("intro");
});
ลองตัวเอง» ความหมายและการใช้งาน
addClass() วิธีการเพิ่มหนึ่งหรือระดับอื่น ๆ ชื่อองค์ประกอบที่เลือก
วิธีการนี้ไม่เอาคุณลักษณะระดับที่มีอยู่ก็เพียง แต่เพิ่มหนึ่งหรือระดับอื่น ๆ ชื่อแอตทริบิวต์ชั้นเรียน
เคล็ดลับ: การเพิ่มมากกว่าหนึ่งชั้นแยกชื่อชั้นที่มีช่องว่าง
วากยสัมพันธ์
$(selector).addClass(classname,function(index,oldclass))| พารามิเตอร์ | ลักษณะ |
|---|---|
| classname | จำเป็นต้องใช้ ระบุหนึ่งหรือมากกว่าหนึ่งชื่อชั้นที่จะเพิ่ม |
| function(index,currentclass) | ไม่จำเป็น ฟังก์ชั่นระบุที่ส่งกลับหนึ่งหรือมากกว่าหนึ่งชื่อชั้นที่จะเพิ่ม
|
ลองตัวเอง - ตัวอย่าง
เพิ่มสองชั้นเพื่อองค์ประกอบ
วิธีการเพิ่มชื่อชั้นสองถึงองค์ประกอบที่ระบุ
เพิ่มชั้นเรียนโดยใช้ฟังก์ชั่น
วิธีการเพิ่มชั้นเรียนกับองค์ประกอบเลือกใช้ฟังก์ชั่น
เปลี่ยนชื่อชั้นขององค์ประกอบ
วิธีการใช้ addClass() และ removeClass() เพื่อลบชื่อชั้นหนึ่งและเพิ่มชื่อคลาสใหม่