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

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



  آیا می دانید تا کنون 6335 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

9 1319 ۲۲ شهریور ۹۴

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

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

ترفند 3 : استفاده از ترفند AND در Javascript

عملگر منطقی AND در Javascript عبارت دوم رو تا زمانی که عبارت اول false هست مورد ارزیابی و تجزیه و تحلیل قرار نمیده. شما میتونین از این ویژگی بصورت کاملا حرفه ای استفاده کنید و زمان خودتون رو برای نوشتن دستور کامل if تلف نکنید. مثلا میتونین بجای نوشتن کد زیر:

از کد زیر استفاده کنید:

این کد یک پاسخ boolean رو بررسی میکنه و با استفاده از true یا false بودن ، تصمیم میگیره که عبارت بعد از && رو اجرا کنه یا خیر.

ترفند 4 : از متد is در jQuery استفاده کنید

متد is() از اونی که شما فکر میکنید قویتر و کاراتر هست. در اینجا تعدادی مثال از کاربرد این متد رو براتون قرار میدم:

کد HTML زیر رو در نظر بگیرید:

کدهای Javascript:

در ابتدا میایم و المنت مورد نظر رو درون یک متغیر قرار میدیم. بصورت زیر:

میخایم بررسی کنیم که آیا این المنت یک div هست یا خیر:

اگر عنصر مورد نظر div باشه که هست ، درون console متن مورد نظر نوشته میشه.

میخایم بررسی کنیم که المنت مورد نظر کلاسی به نام bigbox داره یا خیر:

میخایم ببینیم عنصر مورد نظر قابل دیدن هست یا خیر:

در ابتدا عنصر رو بصورت انیمیشنی در میاریم:

حالا برای اینکه بررسی کنیم که المنت مورد نظر انیمیشن داره یا خیر:

در اینجا تعدادی از کاربردهای متد is بیان شد و با قابلیتهای اون آشنا شدید. امیدوارم از این به بعد با این متد بیشتر کار کنید.

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

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

یا علی

Source

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

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

  • ‏‏

    سلام خسته نباشید . میشه کد گوگل پلاستون رو و آموزشش رو پست بزارید ؟

  • ‏‏
    سارا سارا(۲۳ شهریور ۱۳۹۴)

    سلام اگه ممکنه در مورد منوهای کشویی در jquery آموزش بذارین

  • ‏‏
    سارا سارا(۲۴ شهریور ۱۳۹۴)

    سلام یه منو شبیه به سایت mobinnet.ir و یا سایت دیجیکالا ترجیحا مبین نت چون عکس داره بهتره

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

    سلام
    وقت به خیر
    من در استفاده از is برای تست اینکه آیا کلاسی وجود داره یا نه به نتیجه نرسیدم :

    div 1

    menu1
    menu2
    menu3


    می تونین راهنمایی کنید؟
    پیغام اول و پیغام سوم در کنسول برای من نمایش داده میشه اما پیغام دوم نه ، با این که ul من کلاسی به نام menu داره و طبق توضیحات از is استفاده کردم. :sad:

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram