Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Justin Townsend
Justin Townsend
4,720 Points
Posted by 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
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
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