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

• HTML
• CSS
• Bootstrap 3 & 4
• JavaScript
• jQuery
• AJAX
• JSON
• Python
• Machine
• Java
• SQL
• PHP

---

• تالار بحث
• ویرایشگر آنلاین
• مثال‌های JavaScript
• رده‌های JavaScript
• مرجع JavaScript

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

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

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

---

« صفحهٔ قبل

صفحهٔ بعد »