Question

我希望能够在由函数创建的div中动态更改宽度和高度。下面的代码可以工作，但样式规则直接添加到HTML文档中，这是我想要避免的。相反，我希望将属性直接添加到CSS文件中。有没有办法实现这个目标？

...function(width, height) {

var div = $('<div/>', {
    class':  'window',
    width': width,
    height': height
}).appendTo('#content');

}

Answer 1

您无法使用jQuery或JavaScript直接写入CSS文件，您可以附加到实时/呈现的HTML中（就像您上面所做的那样）。

为什么不在CSS中添加一个类，只需使用jQuery将该类切换或附加到DIV上？

Answer 2

为什么需要在jquery的CSS文件中添加一个类？你不能直接这样做。您可以在HTML页面的<style>....</style>标记中使用jQuery添加<head>标记，这对您非常有用。您可以使用以下方法来解决此问题：

var myStyle = { "width": "100%", "height": "90%" };
$('#content').css(myStyle);

OR

$("<style type='text/css'>#content { width: 100%; height: 90% }</style>").appendTo("head");

OR

 $.rule('#content{  width: 100%; height: 90% }').appendTo('style');

但请记住，您需要使用 plugin 来使用$.rule。