javascript/jquery修改css类

在加载我的页面之前，我想对类样式进行一些修改。 样式类包含在

MyStyle.css

.divNew {
    float: left; 
    margin: 10px 5px 5px 25px;
}

并且加载一个新页面，我想修改/重载页边距并增加高度。 有什么建议吗？ 这就是我尝试过的：

function pageLoad() {
    var theRules = new Array();
    if (document.styleSheets[0].cssRules) {
        theRules = document.styleSheets[0].cssRules;
    } else if (document.styleSheets[0].rules) {
        theRules = document.styleSheets[0].rules;
    }
    for (n in theRules) {
        if (theRules[n].selectorText == 'divNew') { ? ? ? ?
        }
    }
}

---

在documentready上使用jQuery可以执行类似的操作

$(document).ready(function(){
    $('.divNew').css('margin','modifications');  // .css('margin','10px 10px 10px 10px');
    $('.divNew').height(newHeight);  // .height(300)
});

供参考

---

使用jquery css函数。它接受一个具有CSS属性的对象

$(document).ready(function(){
    $('.divNew').css({
        "margin": "10px 5px 5px 25px",
        "height": "100px" //change to whatever your height is
    });
});

---

你把事情复杂化了十亿分之一

$('.divNew').css({'height':'2000px', 'width':'2000px'});

---

只需在内置jquery css方法中使用逗号分隔的值。

“在加载我的页面之前，我想进行一些修改”，jquery/javascript仅在页面完全加载后运行（即，在文档准备就绪时）。如果您希望在用户看到这些更改之前应用这些更改，则

document ready

可以满足您的要求。谢谢。很好的推荐。有用。