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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

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

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

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

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

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

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

کدهای HTML:

کدهای JS:

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

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

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

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

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

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

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram