Direct vs. Delegated - jQuery .on()

Question

I am trying to understand this particular difference between the direct and delegated event handlers using the jQuery .on() method. Specifically, the last

Answer 1

The explanation of N3dst4 is perfect. Based on this, we can assume that all child elements are inside body, therefore we need use only this:

$('body').on('click', '.element', function(){
    alert('It works!')
});

It works with direct or delegate event.