使用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，因为它立即知道要查找的位置。

而且，浏览器被设计为处理样式表并非常快速地呈现样式元素。