0
**Aca lo que hago es seleccionar la caja**

var caja = $("#caja");
caja.mouseover(() => {
  **cuando quiero agregarle el evento a la caja utilizo el selector this pero no me lo toma**

    $(this).css("background", "red");
});

tal vez sea por una actualizacion de jquery pero no tengo mucha idea por que no funciona

1

2 respuestas 2

2

var caja = $("#caja");

caja.mouseover(function(){
    $(this).css("background", "red");
});
#caja{
  min-width: 200px;
  min-height: 200px;
  display: inline-block;
  background: aqua;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "caja"></div>

Las arrow functions tienen un potencial increible a la hora de acortar muchisimo nuestro codigo, sin embargo hay que tener en cuenta que hay una ligera diferencia entre usar una funcion normal y usar una arrow function.

Se considera que las funciones normales no estan deprecated o descontinuadas por lo siguiente:

Las funciones normales conservan su contexto, las arrow functions lo pierden.

Por este motivo el this al que te refieres no es el mismo al usar una function en vez de usar una arrow function.

2
  • ah buenisimo muchas gracias!! Commented el 6 jun. 2020 a las 22:39
  • De nada, recuerda que si te fue de ayuda mi respuesta puedes darla como aceptada dandole al chulo que se encuentra en mi pregunta.
    – Layer
    Commented el 6 jun. 2020 a las 23:49
0

A mi me funcionó de la siguiente forma:

 $(function(){

    var caja = $("#caja");
    caja.mouseover(() => {    
        caja.css({"background-color":"red"});
    });
});

Al usar una variable no puedes utilizar $(this).

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.