更改不存在元素的CSS属性

Question

我想更改尚未创建的一组元素的维度。它们将由我无法访问的JavaScript脚本创建。 JQuery的css（）函数将只适用于现有项目的更改，而我希望代码工作就像如果我已经在CSS文件中设置CSS属性。

任何人都可以帮我吗？

Answer 1

一种选择是动态创建一个样式元素：

$("<style type='text/css'> .redbold{ color:#f00; font-weight:bold;} </style>").appendTo("head") 
$("<div/>").addClass("redbold").appendTo("body"); 

从这里摘自：Create a CSS rule/class with jQuery at runtime。

这里的一个可能的替代IE（见Creating a CSS class in jQuery）：

document.styleSheets[0].addRule('body', 'background: green', -1); 

为了参考，见文档addRule。