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

- visibility ۰ mode_comment

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

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

مورد 36 : اضافه کردن خصوصیت یا attribute

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

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

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

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

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

مورد 37 : قرار دادن کد html و تعویض آن

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

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد html میتونیم رشته string مورد نظرتون رو قرار بدین.

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

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

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین و با استفاده از خصوصیت innerHTML میتونین به محتویات html المنت دسترسی داشته باشید و اونو تغییر بدین.

 

مورد 38 : تعیین و مقداردهی یک خصوصیت css

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

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

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

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

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

یا علی

Source

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

نیاز به لاگین

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