使用JQuery for CSS和Stylesheet

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放入内联样式属性更糟糕.我希望你只是问这个问题,看看人们如何回应.一定不要认真.:■