Exemplu
Comuta între adăugarea și eliminarea "main" numele clasei pentru toate <p> elemente:
$("button").click(function(){
$("p").toggleClass("main");
});
Încearcă - l singur » Definiție și utilizare
toggleClass() Metoda comută între adăugarea și eliminarea unuia sau mai multor nume de clase din elementele selectate.
Această metodă verifică fiecare element pentru numele clasei specificate. Numele de clasă sunt adăugate în cazul în care lipsesc, și eliminate dacă deja setat - Acest lucru creează un efect de comutare.
Cu toate acestea, prin utilizarea "switch" parametru, puteți specifica pentru a elimina numai, sau adăuga doar un nume de clasă.
Sintaxă
$( Parametru Descriere classname Necesar. Specifică unul sau mai multe nume de clase pentru a adăuga sau elimina. Pentru a specifica mai multe clase, separați numele de clasă cu un spațiu function (index,currentclass) Opțional. Specifică o funcție care returnează unul sau mai multe nume de clase pentru a adăuga / elimina - index - Returnează poziția index al elementului din setul
- currentclass - Returnează numele de clasa curentă a elementelor selectate
intrerupator Opțional. O valoare boolean care specifică dacă ar trebui să fie adăugate clasa numai (true) , sau doar să fie eliminate (false)
Încearcă-l singur - Exemple
Comutați între adăugarea și eliminarea unui nume de clasă
Cum se utilizează toggleClass() metoda pentru a comuta între adăugarea și eliminarea unui nume de clasă.
Clase de comutare utilizând o funcție
Folosind o funcție pentru a specifica ce nume de clasă ar trebui să fie alternate pentru elementele selectate.
Folosind parametrul comutatorului
Cum se utilizează parametrul de comutare pentru a adăuga sau elimina doar un nume de clasă.