Estoy usando un controlador de eventos delegado (jQuery) en mi código JavaScript, por lo que sucede cuando hago clic en botones agregados dinámicamente.

Me pregunto si hay inconvenientes de rendimiento en esto.

// Delegated event handler
$(document).on('click', '#dynamicallyAddedButton', function(){
    console.log("Hello");
});

¿Cómo se compararía con esto, en cuanto al rendimiento?

// Regular event handler
$("#regularButton").on('click', function(){
    console.log("Hello Again");
});

Mirando a ladocumentación de jQuery, parece que los eventos siempre aparecen en el árbol DOM. ¿Eso significa que cuanto más anidado esté un elemento, más tiempo tardará en funcionar un evento?

Editar:¿Existe un beneficio de rendimiento al usar la delegación de eventos de JavaScript en lugar de la de jQuery? está haciendo una pregunta similar, y la respuesta allí es útil. Me pregunto cuál es la diferencia entre usar un controlador de eventos regular y un controlador de eventos delegado. Las preguntas vinculadas hacen que parezca que los eventos están constantemente burbujeando en el árbol DOM. Con un controlador de eventos delegado, ¿el evento aparece en la parte superior y luego vuelve al elemento especificado?