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

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
JavaScript-menu.png
موارد آموزشی
فرم‌ها در جاوا اسکریپت
تعریف شیء در جاوا اسکریپت
تابع در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
Browser BOM در جاوا اسکریپت
AJAX در جاوا اسکریپت
JSON در جاوا اسکریپت
جی‌کوئری در برابر جاوا اسکریپت
۱ انتخابگرهای jQuery
۲HTML jQuery
۳jQuery CSS
۴jQuery DOM
مثال های جاوا اسکریپت
مرجع جاوا اسکریپت

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

جی‌کوئری در سال ۲۰۰۶ توسط جان رزایگ ساخته شد. جی‌کوئری برای مدیریت ناسازگاری‌های مرورگر و برای ساده‌تر کردن ویرایش‌های 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";


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



منابع آموزشی