اجتياز jQuery
ما هو العبور؟
يتم استخدام اجتياز jQuery ، والذي يعني "التنقل" ، في "البحث" (أو تحديد) عناصر HTML بناءً على علاقتها بالعناصر الأخرى. ابدأ بتحديد واحد وانتقل عبر هذا التحديد حتى تصل إلى العناصر التي تريدها.
توضح الصورة أدناه صفحة HTML على شكل شجرة (شجرة DOM). باستخدام jQuery ، يمكنك الانتقال بسهولة لأعلى (أسلاف) ولأسفل (أحفاد) وجانبية (الأشقاء) في الشجرة ، بدءًا من العنصر (الحالي) المحدد. تسمى هذه الحركة اجتياز - أو التحرك من خلال - شجرة 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.
أكبر فئة من طرق الاجتياز هي اجتياز الأشجار.
ستوضح لنا الفصول التالية كيفية السفر لأعلى ولأسفل ولجانب في شجرة DOM.
المرجع العابر لـ jQuery
للحصول على نظرة عامة كاملة على جميع طرق jQuery Traversing ، يرجى الانتقال إلى مرجع jQuery Traversing الخاص بنا .