Estoy aprendiendo a usar JQuery y por alguna razon, cuando hago referencia al evento click, aparece tachado y no se ejecuta.
El documento JS es este:
$(document).ready(function () {
//Seleccionar ID
var rojo = $("#rojo");
//Metodos
rojo
.css("background", "red")
.css("color", "white");
var amarillo = $("#amarillo");
amarillo
.css("background", "yellow") //Cambia propiedades css
.css("color", "red");
var verde = $("#verde").css("background", "green").css("color", "white");
var zebra = $(".zebra").css("background", "black").css("color", "white");
$(".clase").click(function () {//click me sale tachado aqui
$(this).addClass("zebra");
});
});
Y esto es lo que está en el body del HTML
<h1>JQuery</h1>
<p id="rojo">Ejercicios de Jquery</p>
<p id="amarillo">Practicando con selectores</p>
<p id="verde">Texto de relleno</p>
<p class="clase">Presioname</p>
<p class="zebra">Texto zebra</p>
<p class="zebra">Texto zebra</p>
<p class="zebra">Texto zebra</p>
<script type="text/javascript" src="Jquery.js"></script>
Todos los p funcionan bien, pero el que debe responder al click ignora.
$(this).addClass("zebra");
agregale un color para que veas el cambio. algo asi$(this).addClass("zebra").css("color", "red");
.click()
, lo correcto es usarlo así:.on("click", function () {/*Tu código aquí*/});