JavaScript event delegation (vanilla JS vs jQuery)

event-delegation.js

document.addEventListener('click', function (e) {
  for (let target = e.target; target && target != this; target = target.parentNode) {
    if (target.matches('.foo')) {
      // ⋯
      e.preventDefault();
      break;
    } else if (target.matches('.bar')) {
      // ⋯
      e.preventDefault();
    }
  }
}, false);

// jQuery equivalent

$(document).on('click', '.foo', function (e) { // ⋯
  e.preventDefault();
});

$(document).on('click', '.bar', function (e) { // ⋯
  e.preventDefault();
});