หนึ่งในสิ่งที่ดีที่สุดเกี่ยวกับ jQuery คือความสามารถในห่วงโซ่ของมันเกือบทุกวิธีการของมัน หาก "ความสามารถในห่วงโซ่" เสียงภาษาฮิบ​​รูนี่คำอธิบายเล็กน้อยว่ามันคืออะไร

สมมติว่าคุณมี <div id="myDiv"> Lorem ipsum </ div>

และคุณจำเป็นต้องทำต่อไปนี้

1. เปลี่ยนความสูงถึง 150px
2. เปลี่ยนความทึบถึง 0.8
3. เพิ่มระดับที่เรียกว่า "pClass"
4. และกำหนดข้อความที่อยู่ภายใน div เช่น "We are the world"

ดังนั้นสิ่งที่คุณจะทำอย่างไรในสถานการณ์ปกติ? คุณสามารถเขียนสี่บรรทัดของรหัส เช่นถ้าคุณใช้ jQuery ในทางธรรมดาที่คุณอาจต้องการเขียน

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# myDiv") CSS ("ความสูง", "150px").
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# myDiv") fadeTo (500, 0.8). 
 ) . addClass ( "pClass" ) ; . $ ("# myDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# myDiv") ข้อความ ("We are the world"). 

แต่ถ้าเราใช้วิธีการ chaininig เราก็อยากเขียน

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# myDiv") CSS ("ความสูง", "150px") fadeTo (500, 0.8) addClass ("pClass") ข้อความ ("We are the world").. 

ดูยุ่ง? ฉันไม่คิดอย่างนั้น มันสามารถอ่านได้จนกว่าคุณจะใส่ค่อนข้างมากในวิธีการไปยังวัตถุที่ไม่น่าเป็นอย่างมาก ดังนั้นการผูกมัดเป็น

หลังหน้าจอ, การผูกมัดจะทำง่ายๆโดยการกลับ itselft วัตถุหลังจากใช้วิธีการ มันค่อนข้างจะชอบวิธีที่เราใช้วิธีการในวัตถุ JavaScript เช่น

  "Lorem Ipsum Dolor" ; var myString = "dolor Ipsum Lorem"; 

  ( ) . substring ( 0 , 5 ) ; pString substring = myString toLowerCase () (0, 5).. 

และนี่คือของขวัญที่เมื่อเรามีทางเลือกที่จะทำสิ่งที่ต้องการที่ ต้องการที่จะเขียนโค้ดเพิ่มเติมที่เมื่อมีกำลังวิธีที่จะทำให้มันสั้น? อย่างน้อยฉันทำไม่ได้ ดังนั้นเกือบทั้งหมดของวิธีการ

ใน jQuery chainability นี้มี ทุกวิธีการที่ห่วงโซ่การส่งคืนวัตถุ jQuery ทั้งตัวเองเพื่อให้วิธีการที่มากขึ้นสามารถนำไปใช้กับมัน

คุณสามารถดูรหัสข้างต้นทำงาน ที่นี่ .