English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يسمح jQuery لنا بتصفح شجرة DOM باستخدام علاقات العقد.
يقدم jQuery مجموعة متنوعة من طرق استكشاف DOM لاختيار عناصر في المستند عشوائيًا وكذلك طرق ترتيب.
استكشاف DOM يعني بشكل أساسي التحرك حول DOM الذي يكوّن صفحة الويب. عند استكشاف DOM، يمكنك رفع الشجرة إلى أي عنصر مطلوب. يمكنك أيضًا سحب التركيب إلى العقدة الفرعية المحددة أو إلى العقدة في نفس المستوى. هذا يتيح لك تصفح صفحة HTML للعثور على الموقع المحدد الذي تحتاج إلى جمع بعض البيانات أو إجراء تغيير.
الشكل التالي يوضح صفحة الـ HTML كشجرة (شجرة DOM). باستخدام jQuery يمكننا التصفح بسهولة في الشجرة من العنصر المحدد (السلف) إلى الأسفل (الذرية) والجانب (المستوى). هذا التصفح يُسمى استكشاف شجرة DOM أو التصفح أو التحرك.
من الشكل السابق يمكن ملاحظة:
<html> هو العنصر الأم لل<head> وال<body> وهو ولد لجميع العناصر.الأجداد
<head> هو العنصر الأم لل<title> وهو ولد<html>.
<body> هو العنصر الأم لل<h1> و<a> وهو ولد<html>.
<title> هو عنصر فرعي لل<head> وهو ولد<html>.
<h1> هو عنصر فرعي لل<body> وهو ولد<html>.
<a> هو عنصر فرعي لل<body> وهو ولد<html>.
هذه <h1> و <a> هيالأخوة على نفس المستوىوهم لديهم عناصر أم مشتركة)، هم الأبناء للـ<html> وال<body>.
الأجداد هم الآباء والأجداد والأجداد الأجداد وما إلى ذلك.
الأبناء هم الأطفال، والأحفاد، والأحفاد الأبناء، وما إلى ذلك.
الأخوة هي العناصر التي تتشارك نفس العنصر الأم.
يقدم jQuery عدة طرق للسماح لنا بالاستكشاف DOM.
الفصل التالي سيوضح لك كيفية التحرك في شجرة DOM.
للحصول على معلومات كاملة حول طرق الاستكشاف، يرجى زيارةمرجع الاستكشاف jQuery.