jQuery toggle()วิธีการ
ตัวอย่าง
สลับไปมาระหว่างสีเมื่อคลิกที่ <p> องค์ประกอบ:
$("p").toggle(
function(){$("p").css({"color": "red"});},
function(){$("p").css({"color": "blue"});},
function(){$("p").css({"color": "green"});
});
ความหมายและการใช้งาน
วิธี toggle() เลิกใช้แล้วใน jQuery เวอร์ชัน 1.8 และนำออกในเวอร์ชัน 1.9
วิธี toggle() แนบฟังก์ชันสองฟังก์ชันขึ้นไปเพื่อสลับระหว่างเหตุการณ์การคลิกสำหรับองค์ประกอบที่เลือก
เมื่อคลิกที่องค์ประกอบ ฟังก์ชันแรกที่ระบุจะเริ่มทำงาน เมื่อคลิกอีกครั้ง ฟังก์ชันที่สองจะเริ่มทำงาน เป็นต้น
หมายเหตุ:นอกจากนี้ยังมีวิธีjQuery Effects ที่เรียกว่า toggle() อันไหนเรียกว่าขึ้นอยู่กับพารามิเตอร์
ไวยากรณ์
$(selector).toggle(function)
| Parameter | Description |
|---|---|
| function | Required. A function to run every time the selected element is clicked |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีสลับระหว่างหลายฟังก์ชัน