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

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


جی کوئری در برابر جاوا اسکریپت

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

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

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

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

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

jQuery

myElement.hide();


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

JavaScript

myElement.style.display = "none";


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


نمایش عناصر HTML

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

jQuery

myElement.show();


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

JavaScript

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


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


استایل‌بندی عناصر HTML

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

jQuery

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


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

JavaScript

myElement.style.fontSize = "35px";


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



منابع آموزشی