javascript - 将 JQuery 用于 CSS 与样式表

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 都放在内联样式属性中更糟糕。我希望你问这个问题只是为了看看人们的 react 。一定不严重。 :s