jQuery toggleClass() Metode
Voorbeeld
Wissel tussen die byvoeging en verwydering van die "hoof" klasnaam vir alle <p>-elemente:
$("button").click(function(){
$("p").toggleClass("main");
});
Definisie en gebruik
Die toggleClass() metode wissel tussen die byvoeging en verwydering van een of meer klasname van die geselekteerde elemente.
Hierdie metode kontroleer elke element vir die gespesifiseerde klasname. Die klasname word bygevoeg indien ontbreek, en verwyder indien reeds gestel - Dit skep 'n wissel-effek.
Deur egter die "skakelaar" parameter te gebruik, kan jy spesifiseer om slegs te verwyder, of slegs 'n klasnaam by te voeg.
Sintaksis
$(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) |
Probeer dit self - voorbeelde
Hoe om die toggleClass() metode te gebruik om te wissel tussen die byvoeging en verwydering van 'n klasnaam.
te gebruik Gebruik 'n funksie om te spesifiseer watter klasname gewissel moet word vir die geselekteerde elemente.
Hoe om die skakelparameter te gebruik om slegs 'n klasnaam by te voeg of te verwyder.