jquery addClass() not working with event.target
addclass, events, jquery, target
Solution
Basically e.target will be a `javascript` object, you have to convert it into a `Jquery` object before utilizing its functions like `.addClass()`
Try,
$(e.target).addClass("big");
and at the same time, `$("this").addClass("big");` this code will not work since you are passing `this` as a string. `this` also a javascript object, you need to convert that too as a jquery object like `$(this)`
Problem
Please help. Why is the jquery `addClass()` not working with `event.target`? I have made a code and it supposed to add class on the target when clicked, but it does not work, and it says,`e.target.addClass` is not a function. http://jsfiddle.net/Lq9G4/ CODE: ``` <html lang="en"> <head> <meta charset="UTF-8"> <title>Class Test</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <style> .big { font-size: 5em; } .small { font-size: 1em; } </style> </head> <body> <p>This is the text</p> <script> $(function() { $("p").click(function(e) { $("a").removeClass("big").addClass("small"); $("this").addClass("big"); //This doesn't work e.target.addClass("big"); //nor this one }); }); </script> </body> </html> ```