jquery函數：css vs addClass

Question

我和我的朋友進行了爭論，他說用於構建應用程序，使用jQuery .css函數更靈活，可讀（因爲屬性位於同一個文件中），並且整體更好與addClass相比。對我來說，addClass要好得多，因爲它允許保持代碼清潔，並且保持函數的邏輯，而不是風格漸變。

您如何看待，如果您同意 - 我如何說服我的朋友開始使用addClass？或者也許我一直都是錯的？

Answer 1

在許多項目中，網站的外觀，格式和視覺跨瀏覽器兼容性的細節由與編寫javascript代碼的人不同的人完成。因此，讓控制網站外觀的CSS與站點的JavaScript交織在同一個文件中是一團糟。你有非JS程序員試圖修改JavaScript以修改網站的外觀。這不是一件好事。

但是，如果您通過javascript添加/刪除類，那麼與這些類對應的所有實際CSS將保留在CSS文件中，並且可以在不修改JavaScript文件的情況下自由使用它。這是一件好事。

顯然JavaScript和CSS不是100％獨立的，因爲它們經常需要做協調的事情，但是如果它們保持分離，它至少可以讓90％的維護分離而不是0％。

Answer 2

addClass允許開發人員枚舉樣式表中的所有樣式信息。證明這種方法的價值的一種方法是考慮主題問題。如果你的所有樣式都綁定在Javascript中，則新的主題需要對選項（最好）或單獨的一組JS文件（最壞的情況）進行一系列調整。

的一個情況，其中它更有意義，我使用css功能是在動畫所需要的執行特定任務的位置和不透明度屬性（例如，滑動<div>到位），而不是簡單地造型元件。