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

Justin Townsend
Justin Townsend
4,720 Points

I am helplessly clueless

When it's say click handler what is it refering too? is it the click inside the .on() method?

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){})

2 Answers

Eduardo Valencia
Eduardo Valencia
12,444 Points

By using the method .on('click', function(){}) you are creating an event handler. Being that this event handler is waiting for a click, it can be called a click handler. It is not referring to the "click" inside of the method itself, but the handler created by the method. When the click handler does detect a click, then it runs the function you gave it.

So when the question asks you to do something inside of a click handler, you have to write something inside of that function you supplied it, because that is what will happen when a click is detected.

$('#fakeElement').on('click', function(){
  // Do stuff
}
Hermanos Solis Utrilla
Hermanos Solis Utrilla
18,184 Points

The click handler is the just the "function" inside the on method. Is how you are gonna process what happens when you make a click interaction