veranschaulichen:
Klicken Sie auf einen Absatz des Textes und ändern Sie den Text in Rot. Nachdem Sie erneut geklickt haben, wird der Text wieder schwarz.
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> jQuery Test </title>
<script src = "jQuery-1.11.1.min.js"> </script>
<style type = "text/css">
.Rot
{
Farbe: Rot;
}
</style>
</head>
<body>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<script type = "text/javaScript">
$ ("P"). Click (function () {
if ($ (this) .hasclass ("rot")) {// beurteilen Sie, ob sie diese Klasse hat
$ (this) .removeclass ("rot");
}anders{
$ (this) .addClass ("rot");
}
})
</script>
</body>
</html>
Da es sich um einen Prozess von abwechselnden Klassen handelt, können Sie die ToggleClass -Methode verwenden. Wenn die entsprechende Klasse: "Rot" existiert, wird sie entfernt. Wenn es nicht existiert, wird es hinzugefügt.
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> jQuery Test </title>
<script src = "jQuery-1.11.1.min.js"> </script>
<style type = "text/css">
.Rot
{
Farbe: Rot;
}
</style>
</head>
<body>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<p> Lernen ist wie das Segeln gegen den Strom, wenn Sie nicht voranschreiten, werden Sie sich zurückziehen </p>
<script type = "text/javaScript">
$ ("P"). Click (function () {
$ (this) .ToggleClass ("rot");
})
</script>
</body>
</html>