jQuery การจัดการตัวแปร - วิธี addClass()

jQuery ผลลัพธ์คู่มืออธิบาย

ตัวอย่าง

เพิ่ม class หนึ่งอันให้กับองค์ประกอบ p แรก

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

ลองทดลองด้วยตัวเอง

คำนิยามและวิธีใช้

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

วิธีนี้จะไม่ลบ class ที่มีอยู่แล้ว แต่แค่เพิ่ม class หนึ่งหรือหลายชื่อ

คำเตือน：ถ้าต้องการเพิ่ม class หลายชื่อ ใช้สัญญาณช่องว่างแบ่งชื่อ class

คำสั่ง

$.addClass(class)
ตัวแปร รายละเอียด
class สำคัญ。กำหนดชื่อ class หนึ่งหรือหลายชื่อ

ใช้ฟังก์ชันเพื่อเพิ่ม class

ใช้ฟังก์ชันเพิ่ม class ให้กับองค์ประกอบที่ถูกเลือก

คำสั่ง

$.addClass(function(index,oldclass))

ลองทดลองด้วยตัวเอง

ตัวแปร รายละเอียด
function(index,oldclass)

สำคัญ。กำหนดฟังก์ชันที่กำหนด class หนึ่งหรือหลายชื่อ

  • index - ใหญ่ๆ ตำแหน่ง index ของ selector
  • class - ใหญ่ๆ ชื่อ class โบราณของ selector

ตัวอย่างเพิ่มเติม

เพิ่ม class สองอันให้กับองค์ประกอบ
แนวทางในการเพิ่ม class สองอันให้กับองค์ประกอบที่ถูกเลือก
เปลี่ยน class ขององค์ประกอบ
เช่น ใช้ addClass() และ removeClass() ในการลบ class และเพิ่ม class ใหม่

jQuery ผลลัพธ์คู่มืออธิบาย