иллюстрировать:
Нажмите на абзац текста и измените текст на красный. После нажатия снова текст вернется к черному.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<название> тест jQuery </title>
<script src = "jquery-1.11.1.min.js"> </script>
<стиль типа = "text/css">
.красный
{
Цвет: красный;
}
</style>
</head>
<тело>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<script type = "text/javascript">
$ ("p"). Click (function () {
if ($ (this) .hasclass ("red")) {// Судья, есть ли у него этот класс
$ (this) .RemoveClass ("red");
}еще{
$ (this) .addclass ("red");
}
})
</script>
</body>
</html>
Поскольку это процесс чередования классов, вы можете использовать метод ToggleClass. Если соответствующий класс: «красный» существует, он будет удален. Если его не существует, это будет добавлено.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<название> тест jQuery </title>
<script src = "jquery-1.11.1.min.js"> </script>
<стиль типа = "text/css">
.красный
{
Цвет: красный;
}
</style>
</head>
<тело>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<p> Обучение похоже на плавание против текущего, если вы не продвигаетесь, вы отступите </p>
<script type = "text/javascript">
$ ("p"). Click (function () {
$ (this) .toggleclass ("red");
})
</script>
</body>
</html>