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 คุณสามารถเพิ่มองค์ประกอบใหม่ / เนื้อหา

เพิ่มเนื้อหา HTML ใหม่

เราจะเรียนรู้ที่จะเพิ่มเนื้อหาใหม่สี่วิธี jQuery:

  • ผนวก () - ใส่ในตอนท้ายขององค์ประกอบที่เลือก
  • ย่อหน้า () - ใส่ที่จุดเริ่มต้นขององค์ประกอบที่เลือก
  • หลังจากที่ () - ใส่หลังจากที่ถูกเลือกองค์ประกอบ
  • ก่อน () - ใส่องค์ประกอบที่เลือกก่อน

jQuery ผนวก () วิธีการ

jQuery ผนวก () วิธีการแทรกเนื้อหาในตอนท้ายขององค์ประกอบที่เลือก

ตัวอย่าง

. $ ( "P") ผนวก ( " ท้ายข้อความ");

ลอง»

jQuery ย่อหน้า () วิธีการ

jQuery ย่อหน้า () วิธีการแทรกเนื้อหาที่จุดเริ่มต้นขององค์ประกอบที่เลือก

ตัวอย่าง

. $ ( "P") ย่อหน้า ( " ต่อท้ายข้อความที่จุดเริ่มต้น");

ลอง»

เพิ่มองค์ประกอบใหม่ ๆ โดยผนวก () และย่อหน้า () วิธีการ

ในตัวอย่างข้างต้นเราเป็นเพียงจุดเริ่มต้นของข้อความแทรกเลือกองค์ประกอบ / end / HTML

อย่างไรก็ตามผนวก () และย่อหน้า () วิธีการสามารถรับได้ไม่ จำกัด จำนวนขององค์ประกอบใหม่โดยพารามิเตอร์ คุณสามารถสร้าง text / html (เช่นในตัวอย่างข้างต้น) โดย jQuery หรือรหัสผ่าน JavaScript และองค์ประกอบ DOM

ในตัวอย่างต่อไปนี้เราสร้างองค์ประกอบใหม่ ๆ องค์ประกอบเหล่านี้สามารถสร้างขึ้นโดยใช้ text / html, jQuery หรือ JavaScript / DOM แล้วเราผนวก () วิธีการขององค์ประกอบใหม่ ๆ เหล่านี้เพิ่มเข้ามาในข้อความ (สำหรับย่อหน้า () มีประสิทธิภาพเท่าเทียมกัน):

ตัวอย่าง

ฟังก์ชัน appendText () { var txt1 = "<p> ข้อความ </ p>."; // สร้างข้อความโดยใช้แท็ก HTML var . txt2 = $ ( "<p > </ p>") ข้อความ ( " ข้อความ."); // สร้างข้อความโดยใช้ jQuery var . txt3 = createElement เอกสาร ( "P ") ;. txt3 innerHTML = " ข้อความ."; // สร้างข้อความโดยใช้ข้อความที่มี DOM DOM $ ( "ร่างกาย") ผนวก ( txt1, txt2, txt3) ;. // ผนวกองค์ประกอบใหม่ }

ลอง»

หลังจาก jQuery () และก่อน () วิธีการ

หลังจาก jQuery () วิธีการแทรกเนื้อหาหลังจากองค์ประกอบที่เลือก

jQuery ก่อน () วิธีการก่อนที่จะแทรกองค์ประกอบที่เลือก

ตัวอย่าง

$ ( "Img") หลังจาก ( " หลังจากการเพิ่มข้อความ") ;. $ ( "Img ") ก่อน ( " เพิ่มข้อความในหน้า");

ลอง»

โดยการเพิ่มจำนวนขององค์ประกอบใหม่หลังจากที่ () และก่อน () วิธีการ

หลังจาก () และก่อน () วิธีการสามารถรับได้ไม่ จำกัด จำนวนขององค์ประกอบใหม่โดยพารามิเตอร์ คุณสามารถสร้างองค์ประกอบใหม่ผ่านทางข้อความ / HTML, jQuery หรือ JavaScript / DOM

ในตัวอย่างต่อไปนี้เราสร้างองค์ประกอบใหม่ ๆ องค์ประกอบเหล่านี้สามารถสร้างขึ้นโดยใช้ text / html, jQuery หรือ JavaScript / DOM หลังจากนั้นเรา () วิธีขององค์ประกอบใหม่เหล่านี้เป็นข้อความ (ก่อน () มีประสิทธิภาพเท่าเทียมกัน):

ตัวอย่าง

ฟังก์ชัน afterText () { var txt1 = "<b> I < / b>"; // สร้างองค์ประกอบโดยใช้ HTML var txt2 = $ ( "<i> </ i>") ข้อความ ( "ความรัก") ;. // สร้างองค์ประกอบใช้ jQuery var txt3 = createElement เอกสาร ( "ใหญ่" ) ;. // สร้างองค์ประกอบโดยใช้ DOM txt3 innerHTML = "jQuery!"; . $ ( "img") หลังจาก (txt1, txt2, txt3) ;. // เพิ่มข้อความในภาพ }

ลอง»