Beispiel für jQuery toggleClass
Die MethodetoggleClass()bedeutet, dass übereinstimmende Elemente, die nicht den Klassennamen haben, diesen hinzufügen. Wenn übereinstimmende Elemente bereits den Klassennamen haben, entfernen Sie ihn.
Sehen Sie sich ein Beispiel an, ein einfaches "p" -Tag.
This is paragraph
Wenn Sie$(‘p’).toggleClass(‘highlight’) aufrufen, wird dem Tag "p" eine Markierungsklasse hinzugefügt.
This is paragraph
Rufen Sie$(‘p’).toggleClass(‘highlight’) erneut auf, um die Markierungsklasse aus dem "p" -Tag zu entfernen.
This is paragraph
Die toggleClass () entspricht auch den folgenden jQuery-Codes.
if ($('p').is('.highlight')) {
$('p').removeClass('highlight');
}
else{
$('p').addClass('highlight');
}
Beispiel für jQuery toggleClass
jQuery toggleClass example
This is paragraph1
This is paragraph2 (toggleClass effect)
This is paragraph3
This is paragraph4 (add/remove effect)