javascript - 在 jQuery 中动态定义具有特定样式的类

Question

是否可以使用 jQuery 动态定义具有特定样式属性的类，而不是使用该类设置所有元素的样式？

一旦创建了所有元素，我就可以在脚本末尾设置类的属性，但这是最好的方法吗？如果我在脚本的开头使用 $('.class').css('property','value'); 定义类的样式，则不会发生任何事情，因为带有类的元素.class 还没有创建吧？

Answer 1

做到这一点的正确方法是使用 CSS。如果您希望具有类“foo”的元素具有一堆属性，则将这些属性放在 CSS 文件中并将它们与适当的选择器相关联:

.yourClass {
  font-weight: bold;
  color: green;
}

如果您需要动态执行此操作，可以使用 Javascript 编写 CSS block 。放一个<style>元素并给它一个“id”值:

<style id='dynamicStyle'></style>

然后你可以用jQuery来设置它:

$('#dynamicStyle').text(".yourClass { font-weight: bold; }");