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

- visibility ۲ mode_comment

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

موضوع اول : دستکاری در DOM

ترفند 5 : بررسی تعداد المنت موجود در صفحه

هر چه تعداد المنتهای صفحه شما بیشتر باشه ، باعث میشه که زمان بیشتری برای دانلود و رندر شدن تلف بشه. اگرچه تعداد المنتها تاثیر خیلی زیادی بر روی سرعت لود سایت شما نداره ، اما میتونین از اون بعنوان یک شاخص برای طراحی مجدد استفاده کنید. یعنی تعداد المنتهای طرح قبلی و بعدی رو بررسی کنید و سعی کنید که تعداد المنتهای طرح بعدی از قبلی کمتر باشه.

روش انجام این کار با استفاده از jQuery:

میبینید که بصورت ساده عبارت * قرار داده شده و از اونجایی که این عبارت با همه المنتها مطابقت داره ، متد length تعداد کل المنتهای صفحه رو نمایش میده.

ترفند 6 : تعریف تابع exists()

در حال حاضر و به احتمال زیاد شما برای بررسی اینکه المنتی که میخاید اون رو انتخاب کنید ، وجود داره یا خیر ، میتونین از متد length در jQuery استفاده کنید. این کدی که در پایین در اختیارتون قرار میدم میتونه کدهاتون رو با معنی تر و خواناتر بکنه و کار شما رو ساده تر کنه.

کد HTML:

روش قدیمی برای انجام این کار:

میبینید که بررسی شده که length المنت مورد نظر برابر با 1 هست یا خیر. اگر بود درون Console مرورگر عبارت exists نمایش داده میشه.

ترفند و روش جدید:

اول میایم این امکان رو به jQuery اضافه میکنیم و یک متد بنام exists برای اون تعریف میکنیم:

حالا همون روش قدیمی رو به روش جدید انجام میدیم:

میبینید که خوانایی کد بالاتر میره. از وقتی استفاده از این نکته رو شروع کنید ، این حس رو خواهید داشت که این متد یک زیر مجموعه و قسمتی از jQuery هست و به احتمالا زیاد همیشه از اون استفاده خواهید کرد.

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

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

یا علی

Source

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

fn و کاربردش خیلی جالب بود تشکر

محمد اسفندیاری

بله همینطوره موفق باشید

نیاز به لاگین

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