021-28423015

Traversing در jQuery

Traversing چیست؟

Traversing در jQuery به معنای " انتقال در میان" است، و برای پیدا کردن  یا انتخاب عناصر html مبتنی بر روابط بین عناصر است. از یک عنصر شروع کنید، در راستای عنصر انتخاب شده حرکت کنید تا به عنصر مورد نظر برسید.


تصویر زیر صفحه html را بصورت درختی شبیه سازی کرده است. با Traversing می توانید به راحتی از عنصر جاری شروع کرده و به سمت بالا و پایین و به اطراف حرکت کنید. این حرکات Traversing یا حرکت در طول درخت DOM نامیده می شود.

 

jquery traversing , traversing tree , DOM tree , web design , طراحی وب سایت - درخت عناصر در jquery

 

توضیح تصویر بالا:

عنصر <div> والد عنصر <ul>، و نسل اول تمام عناصر داخل آن است.
عنصر  <ul> نسل اول  هردو عنصر <li> و نسل بعد <div> است.
عنصر  <li> سمت چپ، نسل اول عنصر  <span> و نسل بعد <ul>  و نسلی از <div> است .
عنصر <span> نسل بعد <li> سمت چپ و نسلی از <ul> و <div> است.
دو عنصر  <li> هم نسل هستند (یعنی از یک نسل قبلی ارث می برند).
عنصر <li> سمت راست نسل قبل عنصر <b>، نسل بعدی عنصر <ul> و از نسل عنصر <div> است.
عنصر<b> نسل بعدی <li> راست بوده و نسلی از عناصر <ul> و <div> است.

منظور از ancestor در این مبحث ، لایه های رو به بالای نسل های قبلی یک عنصر است.
منظور descendant  در این مبحث ، لایه های رو به پایین نسل های بعدی یک عنصر است.
منظور از Siblings عناصری هستند که عنصر نسل قبل آنها با هم مشترک اند.

 

Traverse  کردن DOM

jQuery تعداد متنوعی از متد ها را ارائه می کند که به ما اجازه می دهد تا روی DOM بتوانیم  Traversing  انجام دهیم.
بزرگترین دسته از این متدها ، tree-traversal یا درختی است.

در درس های بعدی ، Traversing  به سمت بالا، پایین و طرفین در ساختار درختی DOM را خواهیم آموخت.

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط