如何用jQuery修改动态添加的元素的样式

可以使用jQuery的事件委托机制来修改动态添加的元素的样式。具体步骤如下：

1. 给一个已经存在的父元素添加事件委托，例如：

$('body').on('click', '.dynamic-element', function() {
  // 在这里修改样式
});

这里我们给 body 元素添加了一个 click 事件委托，它会监听所有 class 为 dynamic-element 的元素的点击事件。

2. 动态添加元素，并设置其 class 属性为 dynamic-element，例如：

$('<div>').addClass('dynamic-element').appendTo('body');

这里我们添加了一个新的 div 元素，并将其 class 属性设置为 dynamic-element，最后将其添加到了 body 元素中。

3. 在事件委托的回调函数中修改元素的样式，例如：

$('body').on('click', '.dynamic-element', function() {
  $(this).css('background-color', 'red'); // 修改背景颜色为红色
});

这里我们使用 $(this) 获取当前被点击的元素，然后使用 css 方法修改其背景颜色为红色。

注意，如果动态添加的元素中有异步加载的内容，可能需要在加载完成后再修改其样式。可以使用 jQuery 的 on 方法来监听元素的 load 事件，例如：

$('body').on('load', '.dynamic-element', function() {
  // 在这里修改样式
});