$(element).on() или element.addEventListener() в чем разница?

Все что я нашел в интернете, это один и тот же корявый перевод и что-то там про всплытие. Объясните пож. простыми словами чем эти методы отличаются.
Используя жквери я смог отключить всплытие DOM2 элементов (stopPropagation) но у меня не получается сделать тоже самое addEventListener. я использую setInterval чтоб дождаться загрузки всех уровней DOM но это не помогает

и вообще стоит ли использовать JQuery или лучше чистый жаваскрипт? я люблю все оригинальное, но многие любят библиотеки



on() всегда срабатывает раньше остальных. ПОЧЕМУ?

Так, все, я понял. нужно на родителя вешать листенер на перехват и тогда он сработает раньше: родитель. addEventListener("click", ytpClick1, true )