如何将jquery CSS添加到动态加载的div元素中？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

var dynamicDiv = $('<div></div>');
$('body').append(dynamicDiv);

dynamicDiv.css({
  'color': 'red',
  'background-color': 'yellow',
  'font-size': '20px'
});

dynamicDiv.css('border', '1px solid black');

$(document).ready(function() {
  var dynamicDiv = $('<div></div>');
  $('body').append(dynamicDiv);
  
  dynamicDiv.css({
    'color': 'red',
    'background-color': 'yellow',
    'font-size': '20px'
  });
  
  dynamicDiv.css('border', '1px solid black');
});