• تلفن: ۰۳۴۳۴۲۵۴۱۶۷
  • ۰۹۱۳۸۶۳۰۳۴۱

آموزش جی کوئری – قسمت پنجم

  • ۲ دیدگاه
  • ۲۲۵ بازدید

سلام

تو این قسمت از آموزش، قراره متدهای Traversing رو براتون توضیح بدم. برخی متدهای Traversing موارد زیر هستند:

این متدها تقریبا مثل Selector ها، که داخل قسمت اول آموزش جی کوئری توضیح دادم عمل می کنند ولی یه مقداری متفاوت هستن. به نظر من این متدها مکمل Selector ها هستند. در ادامه چند تا از کاربردی ترین هاشون رو براتون توضیح میدم تا دقیق یادشون بگیرید.

متد eq:

فرض کنید قصد دارید سومین p  داخل صفحه رو پیدا کنید و بهش استایل بدید. باید به صورت زیر بنویسید:

متد find:

فرض کنید داخل یک کلاس خاص، مثلا .matn دنبال همه span ها می گردید و می خواید بهشون استایل بدید. باید به صورت زیر بنویسید:

متد parent:

گاهی اوقات نیاز میشه به تگ پدر یک عنصر استایل بدیم. مثلا تگ پدر عنصر p داخل صفحه. باید به صورت زیر بنویسیم:

متد children:

کاربرد این متد زمانی هست که شما قصد دارید همه فرزندان یک تگ را انتخاب کنید. مثلا داخل کلاس .test می خواهید همه ul ها رو انتخاب کنید. باید به صورت زیر بنویسید:

متد this:

و نهایتا متد this.!! یکی از پرکاربردترین متدها داخل جی کوئری. فرض کنید قصد داریم زمانی که روی یک جعبه با کلاس .box کلیک شد تگ های li داخل اون دکمه رو مخفی کنیم. دقت کنید داخل صفحه تگ li و کلاس box زیاد داریم. ما می خوایم فقط li هایی که داخل جعبه .box هستند مخفی شوند. باید به صورت زیر کد بنویسیم:

با این کار شما li هایی که داخل .box فعلی هستند رو انتخاب می کنید و مخفی می کنید. ممکنه .box داخل صفحه زیاد داشته باشیم. ولی این کد طوری عمل می کنه که کلیک روی هر .box عناصر li داخل خودش رو مخفی می کنه.

امیدوارم این قسمت هم براتون مفید واقع بشه. ممنون از توجه تون.

mahdavi1456
منشتر شده در ۱۳۹۷/۰۴/۱۱
۲۲۵
آموزش JQuery, آموزش برنامه نویسی

    نظرات برخی از کاربران

  1. mrm.esmaili

    این قسمت خوب بود. مثال زیاد داشت.

    • mahdavi1456

      خوشحالم که مفید بود

شما هم می توانید دیدگاه خود را ثبت کنید

ورود به حساب کاربری

بازیابی رمز عبور

ایجاد حساب کاربری جدید