从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则负责样式。

例如在你的CSS：

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

在您的JavaScript中：

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