When using jQuery on(), why use (document) vs. the element itself?

Question

I\'d like a jQuery expert in their own words to explain why the $(document) identifier is recommended by others for jQuery\'s on() statement vs just using an element itself<

Answer 1

Actually the best solution in a case such as this is not using the $(document) neither the specific element like $("selector").

The best approach is using the container of the element and bind the element selector in the on function. By doing this you avoid unnecessary event bubbling to the document.

So the code should look like:

$("this_is_the_container").on('event','my_element_selector',function(){
// do some stuff here
})