Javascript 使用JQuery创建CSS样式

Javascript 使用JQuery创建CSS样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,通常,当我制作网站时,我在尝试使用CSS做某些事情时会感到非常沮丧,并发现使用JQuery添加CSS样式要容易得多 例如,尝试垂直对齐div在CSS中是一个噩梦,因此我通常使用JQuery查找父级的高度,并在子级上添加相关的上边距 我对所有聪明、经验丰富的程序员(和我不同)的问题是。。。这是坏习惯吗?我是否需要经历CSS定位的痛苦,还是可以继续使用JQuery添加某些样式?如果仅使用CSS是可行的,那么这通常是一种更好的做法: 它尊重关注点的分离(CSS应该负责视觉效果),出于同样的原因,它通

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

例如,尝试垂直对齐div在CSS中是一个噩梦,因此我通常使用JQuery查找父级的高度,并在子级上添加相关的上边距


我对所有聪明、经验丰富的程序员(和我不同)的问题是。。。这是坏习惯吗?我是否需要经历CSS定位的痛苦,还是可以继续使用JQuery添加某些样式?

如果仅使用CSS是可行的,那么这通常是一种更好的做法:

  • 它尊重关注点的分离(CSS应该负责视觉效果),出于同样的原因,它通常更易于维护(你会知道,当某些东西看起来不对劲时,你必须查看CSS代码)
  • 这些解决方案将更快这是JavaScript所能实现的大部分功能
  • 在大多数情况下,它也将是更防弹的解决方案。我发现,如果我试图用JavaScript和布局做一些“聪明”的事情,我经常会忘记一些奇怪的情况,结果中出现的bug非常糟糕
另外,一般来说,可以这样想:CSS是web应用程序的主要层之一。无论如何,你必须知道那里发生了什么(最好也知道为什么),所以使用CSS越流利越好


我真的建议任何级别的CSS学徒(我每隔几天重新访问一次:D)

如果只使用CSS是可行的,那么这通常是一个更好的实践:

  • 它尊重关注点的分离(CSS应该负责视觉效果),出于同样的原因,它通常更易于维护(你会知道,当某些东西看起来不对劲时,你必须查看CSS代码)
  • 这些解决方案将更快这是JavaScript所能实现的大部分功能
  • 在大多数情况下,它也将是更防弹的解决方案。我发现,如果我试图用JavaScript和布局做一些“聪明”的事情,我经常会忘记一些奇怪的情况,结果中出现的bug非常糟糕
另外,一般来说,可以这样想:CSS是web应用程序的主要层之一。无论如何,你必须知道那里发生了什么(最好也知道为什么),所以使用CSS越流利越好


我真的建议任何级别的CSS学徒(我每隔几天重新访问他们:D)

最重要的实践是以一种方式完成你的工作,它将明确你做了什么以及你为什么这么做。垂直定心问题就是一个很好的例子。今天可以用一种以前不可能的方式来完成,或者在任何情况下都可以用一种不那么复杂的方式来完成。所以,如果你有足够的时间去寻找一个完美的解决方案,那就好了。事实是,不仅有最后期限,而且有时你没有为此得到报酬,客户也不在乎。你可以试着让他关心,但如果你不能,你需要做一个权衡。事实上,几乎没有完美的解决方案


因此,作为一个实际的例子,我想说,在这种情况下,良好的做法是使用一个简单有效的解决方案,如,然后使用类似Modernizer的方法来应用最省时的解决方案(即您自己的)作为少数旧浏览器的后援。

最重要的实践是以一种方式完成你的工作,它将明确你做了什么以及你为什么这么做。垂直定心问题就是一个很好的例子。今天可以用一种以前不可能的方式来完成,或者在任何情况下都可以用一种不那么复杂的方式来完成。所以,如果你有足够的时间去寻找一个完美的解决方案,那就好了。事实是,不仅有最后期限,而且有时你没有为此得到报酬,客户也不在乎。你可以试着让他关心,但如果你不能,你需要做一个权衡。事实上,几乎没有完美的解决方案


因此,作为一个实际的例子,我想说,在这种情况下,好的做法是使用一个简单有效的解决方案,例如,然后使用Modernizer之类的东西来应用最省时的解决方案(即您自己的解决方案),作为少数旧浏览器的后备方案。

可能是因为jQuery(.css()),您可以说这是一种不好的做法这将比只使用css样式花费更多的时间

因此,正如我所了解到的,我将这样说 把工作放在优先位置,解决问题,我想那是最好的

尝试使用HTML>>>(如果未解决)尝试使用CSS>>>(仍然未解决)使用jQuery解决


这就是我所想的

也许你可以说这是一种不好的做法,因为jQuery(.css())将比只使用css样式花费更多的时间

因此,正如我所了解到的,我将这样说 把工作放在优先位置,解决问题,我想那是最好的

尝试使用HTML>>>(如果未解决)尝试使用CSS>>>(仍然未解决)使用jQuery解决


这就是我所想的

如果可能的话,使用
CSS
如果没有,那么你应该使用
$.CSS()
你可以这样做,但是你是我听说过的第一个人,他说,CSS比JS:D难,你的CSS有什么问题?在2-3年前,我还使用了
jquery
来处理某些事情,这几乎是“正常”的HTMLSimilar。但是,一定要尝试用
CSS
解决某些问题,如果不可能,那么只使用
javascript
jquery
。我认为每件事都有自己的功能。所以,如果你可以用css来做,而且这是一件css的事情(事实就是这样),你应该用css来做。通过这种方式,您可以在css fi中管理css内容