javascript - 如何使 jQuery 的 $(element).css() 的效果持久化？

Question

例如，使用字体大小切换器/按钮，如果我使用

    $('#container p').css('font-size', '24px');

它按预期工作，但如果我稍后将段落元素添加到容器(通过 ajax 等)，它们将不会使用更新的字体大小设置样式。我知道这是 .css() 方法的预期行为。我只是想问:

更改 CSS 选择器样式并使这些样式持久化的正确方法是什么？

Answer 1

好吧，当您执行该命令时，它会设置所有 p 的样式#container 中的元素.如果你想让它永久存在，你可以创建一个 <style />元素并在那里添加 CSS 样式。

---

详细来说，您可以这样做:

$(document.head).append('<style>#container p{font-size: 24px;}</style>');