آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

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

0 459 ۲۵ شهریور ۹۴

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

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

ترفند 9 : همانند حرفه ای ها از متد end استفاده کنید

استفاده از دستورات زنجیره ای در jQuery کدنویسی رو بسیار ساده و کوتاه کرده. تابع end() یک متد بسیار پیشرفته و قوی هست که میتونین از اون نهایت بهره رو ببرین و کدهاتون رو کوتاهتر کنید. بنظرتون کاربردش چیه؟

این متد مجموعه jQuery رو به چیزی که در آخرین بار تغییر داده شده بر میگردونه. این مثال رو در نظر بگیرید:

کدهای HTML:

کدهای JS:

در ابتدا ul رو انتخاب میکنیم:

حالا کد زیر رو براش قرار میدیم:

همونطور که میبینید با استفاده از یک دستور زنجیره ای طولانی و یک خط کد تونستیم کار چند خط کد رو در یکجا انجام بدیم و این رو میشه از مزایای متد end دونست. میبینید که در خط اول اون li که کلاس eggs داره رو انتخاب کرده و یک سری تغییرات روش انجام داده و بعد از اون دوباره با استفاده از متد end به breakfast برگشته و کار رو ادامه داده.

ترفند 10 : جلوگیری از کلیک راست

در بسیاری از جاها نیاز هست که راست کلیک رو غیر فعال کنیم و این به نفع ما میتونه باشه. زمانی که راست کلیک اتفاق میوفته ، مرورگر رویداد contextmenu رو صادر میکنه و منتظر جواب میمونه. شما میتونین در جواب اون از متد preventDefault() استفاده کنید و اون رو غیر فعال کنید. بصورت زیر:

شما حتی میتونین با استفاده از مختصاتی که همراه با e فرستاده میشه یک منوی سفارشی برای سایت خودتون قرار بدین و از این امکان پیشرفته بهره ببرین.

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

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

یا علی

Source

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

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram