从JavaScript操纵CSS的最佳实践？

Question

今天，当流氓z-index属性导致问题时，我遇到了问题。好吧，它发生了，但问题是找到它被宣布的地方。 浏览器显示内联样式，但在标记中它是空的，z-index: 1001的搜索解决方案范围也没有给出任何内容。

最后我在一些JavaScript中找到了它

        $("#header").css({
          //other props
          "z-index": "1001"
        });

这给了我一些关于应该怎么做的想法，但我不确定。

问题：

通过prop从JavaScript prop更改CSS或从JS创建多个CSS类并更改元素类是否更好？

我倾向于使用多个班级，但欢迎另一个选择。

Answer 1

我建议在jQuery中使用addClass和removeClass方法。这样，您的JavaScript可以负责控制行为，并且您的CSS仍然负责样式。

e.g。在你的CSS中：

.some-class {
    z-index:1001;
}

在您的JavaScript中

：

$("#header").addClass('some-class');
//or 
$("#header").removeClass('some-class');