使用jquery动态添加元素时，样式不生效？

当使用 jQuery 动态添加元素时，样式可能不会自动应用到新添加的元素上。这是因为样式通常在页面加载时计算和应用，而动态添加的元素在页面加载后才被添加。为了解决这个问题，你可以在动态添加元素后手动应用样式，或者使用事件委托来处理样式。

1. 手动应用样式：在动态添加元素后，使用 jQuery 的 `.css()` 方法为新元素设置样式。例如：

// 动态添加一个 div 元素
var newDiv = $('<div>');
newDiv.text('这是一个新的 div 元素');
$('body').append(newDiv);

// 为新的 div 元素设置样式
newDiv.css({
  'color': 'red',
  'font-size': '20px'
});

2. 使用事件委托：事件委托是一种处理事件的方式，它允许在父元素上捕获子元素触发的事件。这样，即使在页面加载后动态添加了新元素，事件依然可以正确处理。例如：

// 为父元素（如 body）添加事件委托
$('body').on('mouseenter', 'div', function() {
  // 为新的 div 元素设置样式
  $(this).css({
    'color': 'red',
    'font-size': '20px'
  });
});

// 动态添加一个 div 元素
var newDiv = $('<div>');
newDiv.text('这是一个新的 div 元素');
$('body').append(newDiv);

在这个例子中，我们为 `body` 元素添加了一个事件委托，当鼠标悬停在 `div` 元素上时，会为该元素设置样式。这样，即使在页面加载后动态添加了新的 `div` 元素，事件依然可以正确处理。