Das Beispiel in diesem Artikel beschreibt, wie jQuery die toggleClass-Methode verwendet, um Klassenstile dynamisch hinzuzufügen und zu löschen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
jQuery fügt Klassen dynamisch über die toggleClass-Methode hinzu und eine andere Ausführung entspricht der Methode „removeClass“. Führen Sie den folgenden Code aus und klicken Sie auf die Schaltfläche, um zu sehen, wie die Schriftart des Textabsatzes zwischen Blau und Schwarz wechselt >
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
});
</script>
<style type="text/css">
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Toggle class</button>
</body>
</html>
So löschen Sie leere Seiten in Word
Was sind die JQuery-Plug-Ins?
So bedienen Sie JSON mit JQuery
Welche Methoden gibt es, um die IP in dynamischen VPS sofort zu ändern?
So löschen Sie Elemente in JQuery
Verwendung der jQuery-Methode hover()
jquery implementiert die Paging-Methode
Was ist ein verstecktes Element in jquery?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
