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
.