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

- visibility ۹ mode_comment

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

comment دیدگاه کاربران
مرتضی

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

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

در آینده شاید اینکارو کردیم
موفق باشید

سارا سارا

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

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

میشه یه نمونه قرار بدین؟

سارا سارا

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

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

لطفا این درخواستتون رو در انجمن قرار بدین
موفق باشید

MohamadHosein

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

div 1

menu1
menu2
menu3


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

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

اینو ببینید:
http://s1.picofile.com/file/8228270568/is.rar.html

MohamadHosein

تشکر
دیدم ، متوجه شدم ، من برای تگ جاری کلاس نذاشتم برای یک تگ (فرزند) چنین کلاسی را وارد کرده بودم.

نیاز به لاگین

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