直接在CSS-file中修改CSS规则

我希望能够动态地改变一个div的宽度和高度，由一个函数创建。下面的代码可以工作，但是样式规则被直接添加到HTML文档中，这是我想避免的。相反，我希望将属性直接添加到CSS文件中。有办法做到这一点吗?

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

你不能使用jQuery或JavaScript直接写入CSS文件，你可以在live/渲染的HTML中添加(就像你上面所做的那样)。

为什么不添加一个类到CSS和只是切换或追加类到您的DIV使用jQuery?

为什么要用jquery在CSS文件中添加一个类?你不能直接这么做。你可以添加一个<style>....</style>标签在你的HTML页面的<head>标签与jQuery这是支持你很多。您可以使用以下方法来解决这个问题:

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

或

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

或

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

但是记住你需要使用插件来使用$.rule。

相关内容