Traversing (به فارسی: عبور کردن) در jQuery

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

Traversing چیست؟

Traversing در jQuery که به معنی «عبور کردن» است، برای «پیدا کردن» (یا انتخاب) عنصرهای HTML براساس رابطه آن‌ها با عنصرهای دیگر است. از یک انتخاب آغاز شده و از آن انتخاب می‌گذرد تا شما به عنصر مورد نظر برسید.[۱]

تصویر زیر یک صفحه HTML را بصورت درخت نشان می‌دهد (درخت DOM). با jQuery traversing می‌توانید در درخت از عنصر انتخاب شده (جاری) شروع کنید و به سادگی به بالا (اجداد)، پایین (نسل‌ها) و کنارها (برادرها) حرکت کنید. این حرکت عبور کردن از (به انگلیسی: Traversing) -یا گذشتن از - درخت 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 ,traversal هستند.

بخش بعدی نحوه عبور به بالا، پایین و کنارها را در درخت DOM نشان خواهد داد.

مرجع Traversing در jQuery

برای دستیابی به همه متدهای Traversing در jQuery، لطفاً به مرجع Traversing در jQuery مراجعه کنید.


منابع آموزشی