1. Home
  2. jQuery สำรวจเส้นทาง

บทช่วยสอน jQuery สำรวจเส้นทาง ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ขวางคืออะไร?,DOM สำรวจเส้นทาง,

jQuery สำรวจเส้นทาง

ขวางคืออะไร?

jQuery สำรวจเส้นทางซึ่งหมายความว่า "ย้าย" ตามความสัมพันธ์กับองค์ประกอบอื่น ๆ เพื่อ "ค้นหา" (หรือเลือก) องค์ประกอบ HTML เลือกรายการที่จะเริ่มต้นและเลือกที่จะย้ายไปจนถึงองค์ประกอบที่คุณคาดว่าจะมาถึง

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

jQuery ขนาด

วิเคราะห์ไอคอน:

  • <div> เป็น <ul> องค์ประกอบหลักซึ่งเป็นบรรพบุรุษของเนื้อหาทั้งหมด
  • <ul> องค์ประกอบเป็นองค์ประกอบหลักของ <li> องค์ประกอบในขณะที่ <div> เด็กองค์ประกอบ
  • <li> องค์ประกอบซ้ายเป็น <span> องค์ประกอบหลัก <ul> องค์ประกอบของเด็กในขณะที่ <div> ลูกหลาน
  • <span> องค์ประกอบเป็น <li> องค์ประกอบของเด็กในขณะที่ <ul> และ <div> ลูกหลาน
  • สอง <li> องค์ประกอบเป็นพี่น้อง (มีองค์ประกอบหลักเดียวกัน)
  • <li> องค์ประกอบด้านขวาเป็น <b> องค์ประกอบหลัก <ul> องค์ประกอบของเด็กในขณะที่ <div> ลูกหลาน
  • <b> องค์ประกอบเป็น <li> องค์ประกอบไปทางขวาของเด็กในขณะที่ <ul> และ <div> ลูกหลาน

โคมไฟ พ่อของบรรพบุรุษปู่ทวดและอื่น ๆ ลูกหลานเป็นเด็กหลานเหลนและอื่น ๆ เพื่อนร่วมชาติมีแม่เดียวกัน

DOM สำรวจเส้นทาง

jQuery มีวิธี DOM สำรวจเส้นทางหลาย

วิธีการสำรวจเส้นทางสายพันธุ์ที่ใหญ่ที่สุดคือการข้ามผ่านต้นไม้ (ต้นไม้ traversal)

บทต่อไปจะอธิบายวิธีการใน DOM ต้นไม้และภายใต้ย้ายที่คล้ายกัน

บทแนะนำยอดนิยม

Contact US

jQuery สำรวจเส้นทาง
10/30