jQuery Chaining

ผ่าน jQuery คุณสามารถที่จะลิงก์การกระทำ/กระบวนการ

Chaining อนุญาตให้เราทำงานด้วยหลาย jQuery Method (บนองค์ประกอบเดียวกัน) ในคำสั่งเดียว

jQuery Method Chaining

จนบัดนี้ พวกเราทั้งหมดเขียนรหัสบท jQuery แบบเดียวต่อคำสั่งหนึ่งต่อคำสั่งอื่น

อย่างไรก็ตาม มีเทคนิคที่เรียกว่า Chaining ที่อนุญาตให้เราทำงานด้วย jQuery คำสั่งหลายรายที่เดียวกันกับองค์ประกอบเดียวกัน หนึ่งรายตามอีกราย

คำเตือน:แล้วเช่นนั้น บราวเซอร์จะไม่จำเป็นต้องค้นหาองค์ประกอบเดียวกันหลายครั้ง

เพื่อลิงก์กิจกรรม คุณเพียงแค่เข้าสู่กิจกรรมที่ก่อนหน้านี้

ตัวอย่าง 1

ตัวอย่างด้านล่างนี้จะลิงก์ css(), slideUp(), และ slideDown() กัน: "p1" องค์ประกอบจะเปลี่ยนเป็นสีแดงก่อนที่จะเลื่อนขึ้นและลง:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

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

ถ้าจำเป็น พวกเราก็สามารถเพิ่มการเรียกใช้หลายกระบวนการด้วย

คำเตือน:เมื่อทำการลิงก์ รหัสบทจะเลวร้ายลง. แต่ jQuery ไม่เข้มงวดด้านการเขียนรหัสบท; คุณสามารถเขียนตามรูปแบบที่ต้องการ รวมถึงการแบ่งบรรทัดและย่อยตัว

ตัวอย่าง 2

เขียนด้วยรูปแบบนี้ก็จะทำงานได้:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

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

jQuery จะปลดเศษชำระ และปฏิบัติรหัสบทด้านบนในแบบรหัสบทแบบเดียวต่อแถว