عملیات ویژگی جوی‌نری - روش toggleClass()

مثال

برای تغییر اضافه کردن و حذف کلاس "main" در تمام عناصر <p> استفاده کنید:

$("button").click(function(){
  $("p").toggleClass("main");
});

خودتان امتحان کنید

تعریف و استفاده

toggleClass() برای تغییر اضافه کردن یا حذف یک یا چند کلاس در عناصر انتخاب شده استفاده می‌کند.

این روش هر کلاس مشخص شده در هر عنصر را بررسی می‌کند. اگر وجود ندارد، کلاس اضافه می‌شود و اگر تنظیم شده است، حذف می‌شود. این اثر تغییر نامیده می‌شود.

با استفاده از پارامتر "switch"، شما می‌توانید فقط حذف یا فقط اضافه کردن کلاس را مشخص کنید.

دستور زبان

$().toggleClass(class,swith)
پارامترها توضیح
class

ضروری. عناصر مشخصی که کلاس باید به آنها اضافه یا حذف شود را مشخص می‌کند.

برای تعیین چندین کلاس، از فاصله برای جدا کردن نام‌های کلاس استفاده کنید.

swith اختیاری. بولن. تعیین می‌کند که آیا باید کلاس اضافه شود یا حذف شود.

از توابع برای تغییر کلاس استفاده کنید

$().toggleClass(function(index,class),swith)

خودتان امتحان کنید

پارامترها توضیح
function(index,class)

ضروری. توابعی که یک یا چند نام کلاس که باید اضافه یا حذف شوند را تعیین می‌کنند را مشخص می‌کند.

  • index - اختیاری. موقعیت شماره‌ای انتخابگر را می‌پذیرد.
  • class - اختیاری. انتخابگر فعلی کلاس را می‌پذیرد.
swith اختیاری. بولن. تعیین می‌کند که آیا باید یک کلاس اضافه شود(true) یا حذف شود(false)