從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');