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