使用JQuery创建CSS样式

Question

通常在我制作网站时，我会非常沮丧地尝试使用CSS做某些事情，并发现使用JQuery添加CSS样式要容易得多。

例如，尝试垂直对齐div是CSS中的噩梦所以我通常使用JQuery来查找父级的高度并在子级上添加相关的上边距。

我向所有聪明，经验丰富的编码员（与我不同）的问题是......这是不好的做法吗？我是否需要经历CSS定位的痛苦，或者我可以继续使用JQuery添加某些样式吗？

Answer 1

如果它仅适用于CSS，通常是更好的做法：

• 它尊重关注点的分离（CSS应该是负责视觉效果的人），出于同样的原因，它通常会更易于维护（你知道你必须要研究css代码，当事情看起来不正确时）
• 这些解决方案会比使用JavaScript实现的大部分内容更快
• 在大多数情况下，它也将是更加防弹的解决方案。我发现，如果我想用JavaScript和布局做一些“聪明”的事情，我经常会忘记一些奇怪的条件，结果中出现的错误真的很讨厌。

此外，通常，请这样考虑：CSS是Web应用程序的主要层之一。无论如何，你必须知道那里发生了什么（并且最好也知道为什么），所以用CSS越流畅就越好。

我真的推荐https://css-tricks.com/用于任何级别的CSS学徒（我每隔几天重访一次Guide To Flexbox：D ）

Answer 2

最重要的做法是以一种明确你做了什么以及为什么做到这一点的方式完成你的工作。垂直居中问题就是一个很好的例子。今天有可能以前所未有的方式完成任务，或者在任何情况下以较简单的方式完成。因此，如果您处于一个有足够时间来破解完美解决方案的位置，那很好。现实情况是，不仅有最后期限，而且有时候你没有为此付钱而客户也不在乎。你可以尝试让他照顾，但如果你不能，你需要做出折衷。实际上，无论如何都很少有完美的解决方案。

作为一个实际的例子，我认为在这种情况下的好习惯是使用像this这样简单有效的解决方案，然后使用像Modernizr这样的东西来应用最耗时的解决方案（即你的拥有）作为少数旧浏览器的后备。

Answer 3

可能你可以说这是不好的做法因为jQuery（.css（））会花费更多的时间而你只使用css样式

所以我知道我会这么说 以优先解决问题的工作，我认为这将是

尝试使用HTML解析＆gt;＆gt;＆gt; （如果没有解决）尝试用CSS＆gt;＆gt;＆gt;解决（仍未解决）请使用jQuery

这就是我的想法