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

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



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

ممکنه شما نیاز به jQuery نداشته باشید (قسمت 13)

0 243 ۱۲ بهمن ۹۴

در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره.
Javascript-vs-jquery

موضوع 3 : المنتها و کار با DOM

مورد 30 : پیدا کردن موقعیت نسبت به viewport

اگر بخوایم در jQuery به موقعیت نسبت به viewport دسترسی داشته باشیم، بصورت زیر عمل میکنیم:

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد offset میتونیم این مورد رو پیدا کنیم. باید یک سری محاسبات جانبی هم انجام بشه که به نتیجه مطلوب دسترسی پیدا کنید.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript به راحتی میتونین با استفاده از متد getBoundingClientRect این کار رو انجام بدین و به این مورد دسترسی داشته باشید.

مورد 31 : prepend کردن

اگر بخوایم در jQuery عمل prepend رو داشته باشیم، بصورت زیر عمل میکنیم:

میبینید که در ابتدا parent مورد نظر رو انتخاب کردیم و با استفاده از متد prepend میتونیم این کار رو انجام بدیم.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین و به این مورد دسترسی داشته باشید. در بالا از insertBefore و firstChild استفاده شده است.

مورد 32 : دسترسی به المنت قبلی

اگر بخوایم در jQuery به المنت قبلی دسترسی داشته باشیم، بصورت زیر عمل میکنیم:

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که یک تابع بنام previousElementSibling ساختیم و میتونیم از اون هر جا که خواستیم استفاده کنیم.

برای IE9 به بالا:

میبینید که از متد previousElementSibling استفاده کردیم و بهمین راحتی به هدفمون رسیدیم.

 

موفق و سربلند باشید.

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram