Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery ผูกมัด

โดย jQuery การดำเนินการ / วิธีการที่สามารถเชื่อมโยงกัน

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


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

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

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

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

ที่จะเชื่อมโยงการกระทำที่คุณก็ควรจะผนวกเข้ากับการดำเนินการก่อนที่จะดำเนินการได้

ซีเอสเอตัวอย่างต่อไปนี้ () slideUp () และ slideDown () การเชื่อมโยงกัน "P1" องค์ประกอบแรกจะเปลี่ยนเป็นสีแดงแล้วเลื่อนขึ้นและเลื่อนลงมาอีกครั้ง:

ตัวอย่าง

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

ลอง»

ถ้าจำเป็นเรายังสามารถเพิ่มวิธีการหลายสาย

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

นอกจากนี้คุณยังสามารถเขียนได้เป็นอย่างดีเรียกใช้:

ตัวอย่าง

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

ลอง»

jQuery จะโยนออกไปพื้นที่พิเศษและเป็นประธานของรหัสที่จะดำเนินการดังกล่าวข้างต้นบรรทัดของรหัส