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

- visibility ۰ mode_comment

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

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

مورد 39 : تغییر متن یک المنت

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

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

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

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

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید.

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

میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید.

مورد 40 : انجام toggle class

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

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

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

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

میبینید که در Javascript میتونین معادل کار مورد نظر رو انجام بدین.

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

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

برای IE10 به بالا میتونین به راحتی و با استفاده از متد classList این کار رو انجام بدیم.

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

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

یا علی

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.