Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics Understanding jQuery Events and DOM Traversal Events with jQuery

Alex Forseth
Alex Forseth
8,017 Points

Where is the "click handler" from the first question?

Given the question: "Inside of your click handler, use jquery to select event. target. Then call hide() method on your selection.

  1. Where is the click handler below?

  2. Does the event.target go in the curly braces?

I have been rewatching the videos and dont seem to comprehend this question. Any help would be appreciated.

``$('.student-list').on("click", function(event){

});``

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h2>Student List</h2>

    <ul class="student-list">
        <li>James McAvoy</li>
        <li>Alena Holligan</li>
        <li>Wade Christensen</li>
        <li>Matt Krzyzynski</li>
    </ul>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js
$('.student-list').on("click", function(event){

});

1 Answer

Hi Alex, you made a good effort, the event.target goes in the code block i.e within the curly braces. Given the second task in the challenge "Inside of your click handler, use jquery to select event. target. Then call hide() method on your selection". You've already setup the click handler, so all that's left to do is select the event.target with JQUERY and apply the hide() to it like this:

$('.student-list').on("click", function (event) {
//selecting the event.target with jQuery
    $(event.target).hide();
});

If you had done this without turning the event.target to a jQuery object by wrapping it in $(), you'd get an error:

$('.student-list').on("click", function (event) {
//selecting the event.target without jQuery
    event.target.hide();
});