ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery - ผูกมัด

❮ก่อนหน้า ถัดไปบท❯

กับ jQuery คุณสามารถเข้าด้วยกันการกระทำ / วิธีการ

ผูกมัดช่วยให้เราสามารถเรียกใช้วิธีการหลาย jQuery (ในองค์ประกอบเดียวกัน) ภายในคำเดียว

jQuery วิธีการผูกมัด

จนถึงขณะนี้เราได้รับการเขียนงบ jQuery หนึ่งในเวลา (หนึ่งหลังจากที่อื่น)

แต่มีเทคนิคที่เรียกว่าการผูกมัดที่ช่วยให้เราสามารถเรียกใช้คำสั่งหลาย jQuery หนึ่งหลังจากที่อื่น ๆ ในเดียวกัน element(s)

เคล็ดลับ: วิธีนี้เบราว์เซอร์จะได้ไม่ต้องพบเดียวกัน element(s) มากกว่าหนึ่งครั้ง

ห่วงโซ่การกระทำคุณก็ผนวกการดำเนินการกับการกระทำก่อนหน้านี้

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

ตัวอย่าง

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
ลองตัวเอง»

นอกจากนี้เรายังจะได้เพิ่มมากขึ้นเรียกวิธีการหากมีความจำเป็น

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

นอกจากนี้ยังทำงานได้ดี:

ตัวอย่าง

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
ลองตัวเอง»

jQuery พ่นออกช่องว่างพิเศษและดำเนินการเส้นดังกล่าวข้างต้นเป็นหนึ่งในสายยาวของรหัส


❮ก่อนหน้า ถัดไปบท❯