طريقة jQuery toggleClass ()
مثال
التبديل بين إضافة وإزالة اسم الفئة "الرئيسي" لجميع عناصر <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
التعريف والاستخدام
تقوم طريقة toggleClass () بالتبديل بين إضافة وإزالة اسم فئة واحد أو أكثر من العناصر المحددة.
تتحقق هذه الطريقة من كل عنصر بحثًا عن أسماء الفئات المحددة. تتم إضافة أسماء الفئات في حالة فقدها ، وإزالتها إذا تم تعيينها بالفعل - يؤدي ذلك إلى إنشاء تأثير تبديل.
ومع ذلك ، باستخدام معلمة "التبديل" ، يمكنك تحديد إزالة اسم فئة فقط أو إضافته فقط.
بناء الجملة
$(selector).toggleClass(classname,function(index,currentclass),switch)
| Parameter | Description |
|---|---|
| classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
| function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
| switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
جربها بنفسك - أمثلة
كيفية استخدام طريقة toggleClass () للتبديل بين إضافة وإزالة اسم فئة.
باستخدام دالة لتحديد أسماء الفئات التي يجب تبديلها للعناصر المحددة.
كيفية استخدام معلمة التبديل لإضافة اسم فئة أو إزالته فقط.