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

- visibility ۲ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته 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

comment دیدگاه کاربران

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

لقمان آوند

سعی می کنیم این کار رو انجام بدیم.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.