Question

因为我喜欢将所有源代码保存在一个文件中（每个类），所以我决定使用JQuery对象添加所有样式和CSS，即：

jquery : $('<div/>', 
         {
           id:'Object',
           css:{
             height:'100%',
             width:'69%',
             color:'white',
             fontWeight:'bold',
             textAlign:'center',       
             backgroundColor:'#02297f',
             marginLeft:'.5%',
             'float':'left',
             overflow:'auto',
             borderRadius:'5px'
           },                 
           html : 'My JQuery Object'
         }),

现在我知道可能会有某种性能影响，但我的问题是多少？有没有其他人这样做？我是否忽略了潜在的问题？

我喜欢这种方式，因为我可以使用对象而不必交叉检查样式表，并使其更有条理。

编辑：这是针对Javascript应用程序，而不是网页。因此，禁用Javascript无论如何都会杀死网页。

Answer 1

肯定会对性能产生影响。该脚本仅在加载所有页面时运行，因此在首次显示页面时会出现问题。

除此之外，当您运行禁用javascript的浏览器时，您根本没有样式。

但最重要的是，这是一个坏主意。 CSS用于样式，用于页面的外观。 HTML用于结构，Javascript用于逻辑，交互性。我认为你根本不应该使用.css方法。如果您需要在Javascript中切换样式，请改用类，然后可以使用样式表对样式进行样式设置。

但是你的这种方法甚至更进了一步。我认为这比将所有css放入内联样式属性更糟糕。我希望你只是问这个问题，看看人们如何回应。一定不要认真。：■

Answer 2

你做错了。

CSS必须保留*.css文件中的*.js文件和Javascript。

这个东西被称为 3层Web ：

内容（HTML）
演示文稿（CSS）
行为（JS）

首先，是的，如果您使用JS生成html并对其进行样式化，这将对性能产生巨大影响。但即使忽略它：你会使代码虚拟不可维护。

如果你想拥有更好的有组织的样式表，那么就花一些时间来扩展你的CSS知识，并看看OOCSS背后的实践。

Answer 3

这是一个可怕的想法！请改用http://xcss.antpaw.org/

Answer 4

我同意你这样做的方式。我基本上是自己使用它。我正在开发一个html5游戏，在这种情况下你正在做的事情是有意义的。在游戏中，用户事件和系统事件会不断更改屏幕。您只能通过即时造型来实际处理此问题。所以使用.css（）是一个很好的方法。我认为在游戏中，精灵是如此独特，以至于它们需要自己的风格对象。

使用JQuery for CSS和Stylesheet

4 个答案: