English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery toggleClass()

طرق HTML/CSS jQuery

يتبادل الطريقة toggleClass() إضافة وازالة اسم الصفحة لعدة صفوف مختارة.

يحقق هذا الطريقة في كل عنصر من العناصر المحددة لاسم الصفحة المحدد:

  • إذا كان الاسم مفقودًا، يتم إضافته

  • إذا تم تعيين اسم الصفحة، يتم حذفها

لكن، باستخدامstateالم 参数، يمكنك تحديد إزالة أو إضافة اسم الصفحة فقط.

القواعد:

اسم الصفحة المتبدلة:

$(selector).toggleClass(className)

استخدامstateم 参数 لتبديل الصفوف:

$(selector).toggleClass(className, state)

استخدام الدالة لتبديل الصفوف:

$(selector).toggleClass(function(index, currentClass), state)

مثال

التحول بين إضافة وحذف فئة "anotherClass" في جميع عناصر <p>:

$("button").click(function(){
  $("p").toggleClass("anotherClass");
});
اختبار شاهد‹/›

استخدامstateالم 参数 يضيف أو يحذف فقط اسم الفئة:

$("button").click(function(){
  $("p").toggleClass("anotherClass", true);
});
اختبار شاهد‹/›

قيمة الم 参数

الم 参数وصف
classNameتحديد فئة واحدة أو أكثر للاضافة أو الحذف (مفصولة بفضاءات)
stateقيمة بولية، تستخدم لتحديد ما إذا كان يجب إضافة (true) أو إزالة الفئة (false)
function(index, currentClass)دالة، تعود بآحداث أو أكثر (مفصولة بفضاءات) من الأسماء، سيتم إضافة هذه الأسماء إلى الأسماء الحالية أو إزالتها من الأسماء الحالية.
  • index-العودة إلى موقع العنصر في مجموعة

  • currentClass-العودة إلى اسم الفئة الحالية للمعلمات المحددة

طرق HTML/CSS jQuery