在jQuery中设置页面样式是常见的做法吗？

Question

我网站的大多数外观都是在我的样式表中定义的，但我发现在jQuery中定义“响应部分”要容易得多。 例如：

var currentWidth = window.width();
$('#element').css('left', 0.1*currentWidth);
$('#element').width(0.9*currentWidth);

等

它运作正常，一切都在原地，我关心的是性能。与定义CSS中的所有东西并让我的网站变得不那么整洁相比，是否会显着降低速度？ 我几乎是一个新手，我通常可以提出一个解决方案，但我总是对什么是好的做法和什么是修修补补感到困惑。 提前谢谢！

Answer 1

使用jQuery为网站设置样式并不常见。你应该使用jQuery使网站响应。 CSS是要走的路。

Answer 2

如果您在jQuery中设置网站样式，可能会出现问题列表：

1- jQuery需要比CSS加载更长的时间，因为CSS是一个内置于库中的浏览器，但不是jQuery

2-如果用户关闭javascript，你的风格将不会被阅读

注意：除非绝对必要，否则永远不要使用jQuery！如果你想实现你在代码中解释的内容，你可以在CSS中使用％！