O $(this)
se trata exatamente do elemento atual, onde se definiu o evento.
Já o $(event.target)
pode se tratar tanto do elemento onde o evento está atribuído como do filho desse elemento atual, onde se definiu o evento.
Exemplo:
JQuery:
$(document).click(function(e){
console.log(e.target); // #teste
console.log(this); // #document
});
Exemplo HTML:
<body>
<div id="teste">aqui será clicado</div>
</body>
No seu caso, se .bermuda
tiver algum elemento filho, como um <p>
ou um <img/>
, ao clicar sobre eles, o evento de .bermuda
será acessado, porém event.target
retornará o elemento clicado, e não .bermuda
.
É por isso que em alguns caso se usa event.stopPropagation()
, para pode evitar essa "propagação do evento"propagação do evento dos elementos filhos para os pais.