使用JQuery / JavaScript來應用許多CSS樣式是否有問題？

Question

我想將所有CSS樣式100％應用於JQuery / JavaScript

但是這樣做不是一個好主意嗎？

Answer 1

當純HTML / CSS 完全能夠處理它時，為什么還要在javascript中創建該開銷？ （ 實際上旨在 ）

另外，您還向網站的樣式添加了不必要的要求： 啟用了javascript 。

Answer 2

恕我直言的主要原因： 性能 ！ 本機CSS比JS快得多。

還值得一提：

• 不適用於使用NoScript等的用戶。
• 高架。 我認為這沒什么大不了的。 還有更多重要的事情需要優化。
• 如果您延遲加載內容，例如使用jQuery.load（），則必須將樣式重新應用於這些元素。 不是很好 ：/

結論： CSS是為樣式設計的，而JS不是。

Answer 3

很多人說應用類而不是個人風格。

Answer 4

如果您的訪客禁用了JavaScript，他們將看到一個難看的白頁，沒有任何樣式。

老實說，我不明白為什么要這么做。 它不是用戶友好的。

使用樣式表。

Answer 5

在不同的瀏覽器中，您將看到不同程度的性能下降。 讓應用程序呈現樣式化的HTML頁面更快，更清潔，因為這是經過優化的功能。

如果您正在動態加載內容並且已經具有淡入淡出效果/過渡，因此僅在樣式設置后才顯示您的內容，那么您可能還可以。

Answer 6

如果要執行此操作，請僅使用jQuery樣式（而不是使用javascript）來維護跨瀏覽器的兼容性。

我建議您不要采用這種方法，因為jQuery會花時間遍歷所有元素並應用樣式。

像$('span').css(...); 必須遍歷整個DOM並遍歷元素集合。 $('#title').css(...); 不必遍歷整個DOM，因為它立即知道要查找的位置。

而且，瀏覽器被設計為處理樣式表並非常快速地呈現樣式元素。