ilustrar:
Haga clic en un párrafo de texto y cambie el texto a rojo. Después de hacer clic nuevamente, el texto volverá a negro.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JQuery Test </title>
<script src = "jQuery-1.11.1.min.js"> </script>
<style type = "text/css">
.rojo
{
Color: rojo;
}
</style>
</ablo>
<Body>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<script type = "text/javaScript">
$ ("P"). Click (function () {
if ($ (this) .hasclass ("rojo")) {// juzga si tiene esta clase
$ (esto) .removeclass ("rojo");
}demás{
$ (esto) .addclass ("rojo");
}
})
</script>
</body>
</html>
Debido a que este es un proceso de clases alternativas, puede usar el método TogglecLass. Si existe la clase correspondiente: "Rojo", se eliminará. Si no existe, se agregará.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JQuery Test </title>
<script src = "jQuery-1.11.1.min.js"> </script>
<style type = "text/css">
.rojo
{
Color: rojo;
}
</style>
</ablo>
<Body>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<p> El aprendizaje es como navegar contra la corriente, si no avanza, se retirará </p>
<script type = "text/javaScript">
$ ("P"). Click (function () {
$ (this) .TogglecLass ("rojo");
})
</script>
</body>
</html>