جلسه هشتم – کار با کلاس‌ها و استایل‌ها در jQuery

1. متدهای مدیریت کلاس‌ها

addClass()

• برای اضافه کردن یک یا چند کلاس به المان‌ها.
• چند کلاس را با فاصله جدا می‌کنیم.

$("div").addClass("add-class second-class");

removeClass()

• برای حذف یک یا چند کلاس از المان‌ها.

$("div").removeClass("add-class");

toggleClass()

• اگر کلاس وجود داشته باشد حذف می‌کند و اگر وجود نداشته باشد اضافه می‌کند.

$("div").toggleClass("add-class");

2. تغییر استایل به صورت مستقیم

css()

• حالت تک‌ویژگی:

$(".add-style").css("color", "red");

• حالت چندویژگی:

$(".add-style").css({  color: "red",  fontSize: "24px",  backgroundColor: "#000",  padding: "10px" });

3. نکات مهم

• می‌توان چند کلاس را همزمان در addClass یا removeClass با فاصله اضافه یا حذف کرد.
• toggleClass ترکیبی از اضافه و حذف است.
• استفاده از css() برای تغییر مستقیم استایل توصیه نمی‌شود مگر در موارد خاص.