DOM對象CSS變化

Question

我有一個在Jquery中開發UI的應用程序。有大量的js類文件繼承和用於顯示屏幕模塊的模板和小部件。

JS類模塊「A」繼承模板B.它使用CSS類「ContentWrapper」顯示JS模塊的內容。現在，ContentWrapper（模板B中）的默認文本樣式右對齊。但對於js模塊「A」，風格應該保持一致。我訪問了js模塊「A」中的DOM對象，將文本對齊到左側。

$('.contentWrapper').css("text-align", "left"); 

但我的同事有一個不同的方法來在CSS文件中添加一個新的類。

.A { 
    .ContentWrapper{ 
    text-align: left; 
    } 
} 

有人能讓我知道哪一個會是最便宜的方法嗎？

Answer 1

最好的做法是將樣式與交互分離，即JavaScript中的CSS，因此您的同事的方法是更好的做法。關於「便宜性」，性能在任何方向上都不會顯着，但對於明確的jQuery風格變化，維護成本更高。