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

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



  آیا می دانید تا کنون 6337 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

0 229 ۱۸ بهمن ۹۴

در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای 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

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram