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

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



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

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

0 272 ۱۸ دی ۹۴

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

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

مورد 3 : Append کردن

اگر بخوایم در jQuery یک el رو به یک parent اضافه کنیم، بصورت زیر عمل میکنیم:

میبینید که با استفاده از متد append المنت el رو به parent اضافه کردیم و فرزند اون محسوب میشه.

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

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

در اینجا با استفاده از متد appendChild که یکی از متدهای پیش ساخته Javascript هست این کار انجام شده است. در کد بالا المنت el به parent اضافه شده است.

مورد 4 : استفاده از Before

اگر بخوایم در jQuery یک htmlstring رو قبل از یک المنت el اضافه کنیم، بصورت زیر عمل میکنیم:

میبینید که با استفاده از متد before عبارت htmlstring رو قبل از el اضافه کردیم و قرار دادیم.

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

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

در اینجا با استفاده از متد insertAdjacentHTML که یکی از متدهای پیش ساخته Javascript هست و خصوصیت beforebegin این کار انجام شده است. در کد بالا عبارت htmlstring قبل از el اضافه شده است.

مورد 5 : دسترسی به فرزندان یک المنت

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

میبینید که با استفاده از متد children این کار انجام شده است.

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

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

در اینجا در ابتدا یک آرایه بنام children تعریف شده و بعد از اون یک حلقه for به اندازه تعداد اعضای el اجرا میشه. به ازای هر تکرار یک شرط بررسی میشه و اگر true بشه اون عضو در children قرار میگیره. فقط زمانی که nodetype یا نوع node برابر با 8 باشه این کار انجام نمیشه. عدد 8 به معنای این هست که اون node یک comment هست و نیازی نیس که بعنوان تعداد فرزند اون رو حساب کرد.

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

در IE9 به بالا میتونین با استفاده از خصوصیت children به اعضای یک المنت دسترسی داشته باشید و نیازی به حلقه for و ... نیس.

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

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram