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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

0 244 ۱۵ بهمن ۹۴

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

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

مورد 33 : حذف کردن یک المنت

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

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

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

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

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین و به این مورد دسترسی داشته باشید. در ابتدا المنت مورد نظر رو فراخوانی میکنیم و بعد از اون با استفاده از خصوصیت parentNode و متد removeChild میتونین این کار رو انجام بدین.

مورد 34 : حذف کردن یک کلاس

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

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد removeClass میتونیم کلاس className مورد نظرتون رو حذف کنید.

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

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

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین و از یک if else برای اینکار استفاده شده است. در ابتدا اگر خصوصیت classList در مرورگر پشتیبانی شود براحتی میشه اینکارو انجام داد، اما برای مرورگرهایی که از این خصوصیت پشتیبانی نمیکنن از روش پیچیده تری استفاده میشه که در اون از عبارات منظم استفاده شده است.

برای IE10 به بالا:

میبینید که برای IE10 به بالا به راحتی میتونین با استفاده از متد remove از خصوصیت classList کلاس مورد نظرتون رو حذف کنید.

مورد 35 : جایگزین کردن html

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

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

میبینید که خصوصیت outerHTML از المنت el رو انتخاب کردیم و رشته مورد نظر رو درون اون قرار دادیم که به هدفمون دست پیدا کنیم.

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

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram