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

طريقة jQuery removeClass()

طريقة HTML/CSS jQuery

يستخدم طريقة removeClass() لإزالة اسم فئة واحدة أو أكثر من العنصر المحدد.

إذا تم تضمين اسم الفئة كمعامل، سيتم إزالة هذه الفئة فقط.

إذا لم يتم تحديد اسم الفئة في المعامل، سيتم إزالة جميع الفئات.

النحو:

إزالة جميع الفئات

$.removeClass()

إزالة الفئة المحددة

$.removeClass(className)

استخدام الدالة لإزالة الفئة

$.removeClass(function(index, currentClass))

مثال

إزالة اسم الفئة "highlight" من جميع عناصر <p>:

$("button").click(function(){
  $("p").removeClass("highlight");
});
الاختبار لمعرفة‹/›

يمكن إزالة أكثر من فئة واحدة من مجموعة العناصر المحددة (مفصولة بفواصل)، مثلما هو موضح أدناه:

$("button").click(function(){
  $("p").removeClass("highlight big");
});
الاختبار لمعرفة‹/›

إذا لم يتم تحديد اسم الفئة في المعامل، فإنه سيتم حذف جميع الفئات

$("button").click(function(){
  $("p").removeClass();
});
الاختبار لمعرفة‹/›

استخدام removeClass(حذف فئة واحدة، وأضف فئة جديدة باستخدام addClass()):

$("button").click(function(){
  $("p").removeClass("red").addClass("green");
});
الاختبار لمعرفة‹/›

قيمة المعامل

المعاملوصف
classNameتحديد اسم الفئة الواحد أو أكثر الذي تريد حذفه (مفصولة بالأبيضاء)
ملاحظة:إذا كان هذا المعامل فارغًا، فإنه سيتم حذف جميع الأسماء الكلاسيكية
function(index, currentClass)

دالة تعود إلى أو أكثر من الأسماء الكلاسيكية التي تريد حذفها مفصولة بالأبيضاء

  • index-العودة إلى موقع العنصر في مجموعة

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

طريقة HTML/CSS jQuery