استایل‌های CSS در جی‌کوئری

از موتو کد، دانشنامهٔ برنامه‌نویسی


جی کوئری در برابر جاوا اسکریپت[ویرایش | ویرایش]

جی‌کوئری در سال ۲۰۰۶ توسط جان رزایگ ساخته شد. جی‌کوئری برای مدیریت ناسازگاری‌های مرورگر و برای ساده‌تر کردن ویرایش‌های HTML DOM، کنترل رویدادها، انیمیشن‌ها و Ajax طراحی شده بود. [۱]

برای بیش از ۱۰ سال، جی‌کوئری محبوب‌ترین لایبری جاوا اسکریپت در تمام دنیا بود.

اما، از زمانی که نسخه ۵ (۲۰۰۹) جاوا اسکریپت منتشر شد، بسیاری از قابلیت‌های جی‌کوئری را می‌توانیم با چند خط کد جاوا اسکریپت در برنامه خود استفاده کنیم.

پنهان کردن عناصر HTML[ویرایش | ویرایش]

پنهان کردن یک عنصر HTML:

myElement.hide();


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

myElement.style.display = "none";


مشاهدهٔ نتیجه


نمایش عناصر HTML[ویرایش | ویرایش]

نمایش یک عنصر HTML:

myElement.show();


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

myElement.css("font-size","35px");


مشاهدهٔ نتیجه


استایل‌بندی عناصر HTML[ویرایش | ویرایش]

تغییر اندازه فونت یک عنصر HTML:

myElement.css("font-size","35px");


مشاهدهٔ نتیجه

JavaScript[ویرایش | ویرایش]

myElement.style.fontSize = "35px";


مشاهدهٔ نتیجه



منابع آموزشی[ویرایش]