50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

آموزش جی کوئری – پیمایش فرزندان در جی کوئری

  • آپدیت شده در تاریخ

آموزش جی کوئری

در بخش قبلی با پیمایش اجداد در جی کوئری آشنا شدیم. در این قسمت از سری آموزش جی کوئری,  نحوه پیمایش فرزندان در جی کوئری را یاد می گیریم.

 

پیمایش فرزندان در جی کوئری

jQuery چند متد مفید ازجمله children() و find() را ارایه داده است که می توانید از آن برای پیمایش بصورت تکی یا چندمرحله ای در درخت DOM به منظور یافتن فرزندان المان بصورت سلسله مراتب, استفاده کنید.

 

متد children() جی کوئری

متد children() در جی کوئری برای دریافت فرزندان مستقیم المان انتخاب شده استفاده می شود.

مثال زیر فرزند مستقیم المان <ul> که <li> است را با افزودن کلاس .highlight مشخص می کند.

 

متد find() جی کوئری

متد find() در جی کوئری برای دریافت فرزندان یا نسل المان انتخاب شده استفاده می شود.

متد های children() و find() مشابه هم هستند با این تفاوت که متد find() بین چند سطح (level) مختلف پایین تا اخرین فرزند درخت DOM جستجو می کند.

اما متد children() فقط یک سطح از درخت DOM را تا پایین پیش می رود.

مثال زیر یک border را به تمام المان های <li> که فرزندان المان <div> است اضافه می کند.

به هر حال, اگر قصد دارید که تمام فرزندان المان های فرزند را بدست آورید از سلکتور جهانی (universal) که با * مشخص می شود استفاده کنید.

 

امیدوارم در این بخش آموزش جی کوئری, از پیمایش فرزندان در جی کوئری نهایت استفاده را برده باشید.

در قسمت بعد نحوه پیمایش هم نیاها (sibligns) در جی کوئری را آموزش خواهیم داد.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی