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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

2 669 ۲۳ شهریور ۹۴

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

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

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

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

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

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

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

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

کد HTML:

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

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

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

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

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

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

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

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

یا علی

Source

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

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

  • ‏‏
    MohamadHosein(۲۵ آذر ۱۳۹۴)

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram