Event Delegation or Event Propagation? When we append the $pdfCheckbox variable to the parent element #links (div)

const $odd = $('a:odd');
const $secureLinks = $('a[href^="https://"]');
const $pdfLinks = $('a[href$=".pdf"]');
//5.We creates a variable to hold our html
const $pdfCheckbox = $("<label><input type='checkbox'> Allow PDF downloads</label>");

$secureLinks.attr('target', '_blank');

$pdfLinks.attr('download',true);
$secureLinks.addClass('secure');
//Add Flag Locked the pdfLinks 
$pdfLinks.addClass('pdf'); 
//1. Adding a click event to the PDF link using the ON Method
$pdfLinks.on('click', function(event){

  //1. Check that checkbox is clicked
     //2. If zero checkboxes are checked 
  if ($(':checked').length === 0) {

    //2A. prevent download of document
    event.preventDefault();
   //3. Alert the user
    alert('Please check the box to allow PDF Downloads');
  }

});
//7. We appended our variable checkbox to the parent element
$('#links').append($pdfCheckbox);