jQuery methods not working on 'this' inside an event handler

Question

When I use the below, I cannot get the jQuery this to hide the element.

$(\'.purplePanda\').click(function(e){
   this.hide();
});

Answer 1

Replace

this.hide(); 

with

$(this).hide();

Thus your function should be like

$('.purplePanda').click(function(e){
   $(this).hide();
});

See the official documentation here