استكشاف jQuery

ما هو التتبع؟

التتبع في jQuery يعني 'التحرك'، ويُستخدم لـ 'البحث' (أو اختيار) عناصر HTML بناءً على علاقتهم مع العناصر الأخرى. يبدأ بتحديد خيار، ويتم التحرك في هذا الخيار حتى وصولك إلى العنصر الذي تريده.

الشكل التالي يوضح شجرة العائلة. من خلال التتبع في jQuery، يمكنك البدء من العنصر المحدد (الحالي) والتحرك بسهولة في شجرة العائلة لأعلى (الأجداد)، وأسفل (الأبناء)، وأفقياً (الأشقاء). هذا التحرك يُسمى تتبع DOM.

توضيح الصورة:

تتبع شجرة DOM
  • عنصر الـ <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.

أكبر فئة من طرق التتبع هي التتبع الشجري (tree-traversal).

الجزء التالي سيشرح كيفية التحرك في شجرة DOM لأعلى ولأسفل وال同级.

دليل مرجع التتبع jQuery

للتعرف على جميع طرق التتبع في jQuery، يرجى زيارة دليل مرجع التتبع jQuery.