jQuery عملیات ویژگی - روش toggleClass()

jQuery موثر دستورالعمل

مثال

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

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

آزمایش کنید

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

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

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

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

قوانین دستور زبان

$().toggleClass(کلاس,سوئیچ)
پارامترها توضیحات
کلاس

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

برای تعیین چندین کلاس، از فضای خالی برای جدا کردن نام‌های کلاس استفاده کنید.
سوئیچ اختیاری. بولین. تعیین می کند که آیا باید کلاس اضافه شود یا حذف شود.

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

$().toggleClass(فانکشن(index,class),سوئیچ)

آزمایش کنید

پارامترها توضیحات
فانکشن(index,class)

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

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

jQuery موثر دستورالعمل