• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

ترفندهای پیشرفته jQuery (قسمت 32)

2 325 ۱۵ آبان ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع چهارم : ماهر شدن در JQuery

ترفند 61 : متد proxy‌ در jQuery

بسیاری از کسانی که در ابتدای کار با jQuery هستن بیشتر مواقع در زمینه استفاده از this‌ به اشتباه میوفتن و نمیتونن کارشونو انجام بدن. jQuery‌ این this‌ رو به همون المنتی که رویداد رو فراخوانی کرده نسبت میده. اما با استفاده از متد proxy‌ میتونین المنتی که this‌بهش نسبت داده میشه رو تغییر بدین:

کدهای HTML:

کدهای JS:

همونطور که میبینید برای دکمه مورد نظر یک رویداد کلیک تعریف کردیم و درون اون هم از متد toggle‌ برای مخفی و نمایان کردن المنت مورد نظر استفاده کردیم. اگر متد proxy‌ نبود با کلیک کردن this‌ به خود دکمه نسبت داده میشد و باعث میشد که مخفی بشه. اما با استفاده از متد proxy‌ ، عملگر this رو به تصویر مورد نظر نسبت دادیم. برای اینکار تابع مورد نظر رو بعنوان پارامتر اول و المنت مورد نظر رو بعنوان پارامتر دوم به متد proxy پاس میدیم. بعد از اینکار با کلیک بر روی دکمه مورد نظر ، تصویر ball.png مخفی و نمایان میشه.

ترفند 62 : پاس دادن callback به متدهای jQuery

تعدادی از متدهای jQuery علاوه بر اینکه رشته و عدد رو به عنوان آرگومان قبول میکنن ، callback رو هم میشه به اونا پاس داد. در اینجا تعدادی مثال در اختیارتون قرار میگیره:

کدهای HTML:

کدهای JS:

مثال 1 : مقدار value هر کدام از input هارو برابر با id اونا قرار بدیم:

میبینید که بجای اینکه اینکارو با استفاده از each انجام بدیم ، با استفاده از متد val انجام دادیم.

مثال 2 : پاراگرافهایی که شامل lorem هستن مخفی بشن:

مثال 3 : به ابتدای پاراگرافهایی که مخفی نیستن یک عدد اضافه بشه :

مثال 4 : پاراگرافهای زوج و فرد رنگشون فرق داشته باشه:

مثال 5 : حداکثر تعداد کاراکترهای مجاز در پاراگراف رو 80 کنیم:

مثال 6 : آیا پاراگراف اول سبزه؟

برای اینکه مرورگرهای مختلف فرمت مختلفی برای رنگ در نظر میگیرن ، ما هم سه حالت اون رو در پایین در نظر گرفتیم.

خروجی:

با استفاده از پاس دادن callback به متدهای مختلف میتونیم کدهامون رو تمیزتر و کمتر کنیم و خودمون رو محدود به متد each نکنیم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    توسعه گر فارسی(۱۷ آبان ۱۳۹۴)

    جالب بود. یه پیشنهاد اینه که تمام این مجموعه ترفندها رو در یک مجموعه در قالب کتاب الکترونیک ارائه کنید.
    سپاس

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram