jQuery หากเกิดเหตุ - toggle() วิธี

jQuery คู่มือเหตุการณ์

ตัวอย่าง

ตัวเลือกสีพื้นหลังต่างๆ:

(")p(").toggle(
  function(){
  (")body(").css("background-color","green");
  function(){
  $("body").css("background-color","red");}
  function(){
  $("body").css("background-color","yellow");}
);

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

การระบุและการใช้งาน

toggle() วิธีสำหรับผูกฟังก์ชันสองหรือมากกว่าไปยังเหตุการณ์ click ของอิเลิงที่ถูกเลือก

วิธีนี้ก็สามารถใช้เพื่อเปลี่ยนแปลง hide() และ show() วิธี

ผูกฟังก์ชันสองหรือมากกว่าไปยังเหตุการณ์ Toggle

เมื่ออิเลิงที่กำหนดถูกคลิก จะเปลี่ยนแปลงฟังก์ชันระหว่างฟังก์ชันสองหรือมากกว่า

ถ้ากำหนดฟังก์ชันสองหรือมากกว่า แล้ว toggle() จะเปลี่ยนแปลงฟังก์ชันทั้งหมด ตัวอย่าง ถ้ามีฟังก์ชันสาม การคลิกครั้งแรกจะเรียกฟังก์ชันแรก ครั้งที่สองเรียกฟังก์ชันที่สอง ครั้งที่สามเรียกฟังก์ชันที่สาม แล้วคลิกอีกครั้งจะเรียกฟังก์ชันแรกอีกครั้ง และเช่นนั้นต่อไป

ศัพท์

$(selector).toggle(function1(),function2(),functionN(),...)

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

ประกาศ คำอธิบาย
function1() สำคัญ ฟังก์ชันที่จะปฏิบัติตามเมื่ออิเลิงถูกคลิกเป็นครั้งที่เลขเป็นคูณ
function2() สำคัญ ฟังก์ชันที่จะปฏิบัติตามเมื่ออิเลิงถูกคลิกเป็นครั้งที่เลขเป็นเศษ
functionN(),... เลือกได้ กำหนดฟังก์ชันที่ต้องการเปลี่ยนแปลงอื่น

ซ่อนและแสดง Hide() และ Show()

ตรวจสอบว่าอิเลิงเป็นไปได้ที่จะเห็นหรือไม่

ถ้าอิเลิงนั้นซ่อนแล้ว จะปฏิบัติตาม show() ถ้าอิเลิงนั้นแสดง จะปฏิบัติตาม hide() ซึ่งสามารถสร้างประสิทธิภาพการเปลี่ยนแปลงได้

ศัพท์

$(selector).toggle(speed,callback)

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

ประกาศ คำอธิบาย
speed

เลือกได้ กำหนดความเร็วของประสิทธิภาพการซ่อนและแสดง โดยมาตราฐานคือ "0"

ค่าที่เป็นไปได้

  • มิลลิเซ็กันด์ (เช่น 1500)
  • "slow"
  • "normal"
  • "fast"
callback

เลือกได้ ฟังก์ชันที่จะทำงานเมื่อ toggle() จบ

ถ้าต้องการเรียนรู้เกี่ยวกับ callback มากยิ่งขึ้น โปรดเข้าชม คู่มือ Callback ฟังก์ชัน。

แสดงหรือซ่อนอิเลิง

กำหนดว่าเฉพาะอิเลิงที่ตรงกับกำหนดเท่านั้นจะแสดงหรือซ่อน

ศัพท์

$(selector).toggle(switch)

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

ประกาศ คำอธิบาย
switch

สำคัญ ตัวเลือกทรรศน์ กำหนดว่า toggle() ควรแสดงหรือซ่อนอิเลิงเฉพาะอิเลิงที่ถูกเลือกโดยทั้งหมด

  • true - แสดงอิเลิง
  • false - ซ่อนอิเลิง

jQuery คู่มือเหตุการณ์