jQuery addClass example

Change class name on click in jQuery

by Jecs9

HTML

<div id="cancha">
  <div class="divDetalles">muestra </div>
  <div class="posicionJugador" onmouseover="mostrarEliminarDetallesJugador(this)">asdf</div>
</div>

CSS

.divDetalles{
    display: block;
    width: 100px;
    height: 100px;
    background: blue;
    position: absolute;
}

.posicionJugador{
  background-color : red;
  height: 100;
  width: 100;
  display: block;
  float: right;
}

JavaScript

function mostrarEliminarDetallesJugador(){

        //var detalles = $(this).parent().find('.divDetalles');
        //console.log(detalles);

        $(this).mousemove(function(event){

            var x = event.clientX, y= event.clientY;

            $('.divDetalles').css('display','flex');
            detalles.css('top',(y+20)+"px");
            detalles.css('left',(x+20)+"px");
        });
};