jQuery - การผูกมัด
ด้วย jQuery คุณสามารถเชื่อมโยงการกระทำ / วิธีการเข้าด้วยกัน
การผูกมัดช่วยให้เราสามารถเรียกใช้เมธอด jQuery ได้หลายแบบ (ในองค์ประกอบเดียวกัน) ภายในคำสั่งเดียว
การผูกมัดเมธอด jQuery
จนถึงตอนนี้เราได้เขียนคำสั่ง jQuery ทีละรายการ (ทีละรายการ)
อย่างไรก็ตาม มีเทคนิคที่เรียกว่า chaining ซึ่งช่วยให้เราเรียกใช้คำสั่ง jQuery ได้หลายคำสั่ง ทีละคำสั่ง บนองค์ประกอบเดียวกัน
เคล็ดลับ:ด้วยวิธีนี้ เบราว์เซอร์จะไม่ต้องค้นหาองค์ประกอบเดียวกันมากกว่าหนึ่งครั้ง
หากต้องการเชื่อมโยงการกระทำ คุณเพียงแค่ผนวกการกระทำนั้นต่อท้ายการกระทำก่อนหน้า
ตัวอย่างต่อไปนี้เชื่อมโยง เมธอด css()
, slideUp()
, และslideDown()
เมธอดเข้าด้วยกัน องค์ประกอบ "p1" เปลี่ยนเป็นสีแดงก่อน จากนั้นจึงเลื่อนขึ้น จากนั้นจึงเลื่อนลง
ตัวอย่าง
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
เรายังสามารถเพิ่มการเรียกเมธอดเพิ่มเติมได้หากจำเป็น
เคล็ดลับ : เมื่อทำการ chaining บรรทัดของรหัสอาจยาวมาก อย่างไรก็ตาม jQuery ไม่ได้เข้มงวดกับไวยากรณ์มากนัก คุณสามารถจัดรูปแบบตามที่คุณต้องการ รวมทั้งตัวแบ่งบรรทัดและการเยื้อง
สิ่งนี้ใช้ได้ดีเช่นกัน:
ตัวอย่าง
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery ทิ้งช่องว่างพิเศษและรันบรรทัดด้านบนเป็นโค้ดยาวหนึ่งบรรทัด