在javascript(jquery)中应用所有css的缺点？

Question

我正在制作这个搜索组件,我可以使用javascript加载它,并让它在我加载它的任何地方工作.这个想法是它进行了一次AJAX搜索,所以每次我把它放在页面上时我都不想编写代码.

所以也许在我想要的网页上看起来像这样:

var searchBox = new Search(inputBox);

理想情况下,每次我这样做时,我都不想真正链接样式表.我只是想知道如果我只创建标签并添加如下属性,性能是否会受到重创:

$('<div></div>').css({
  'background-color': #002323, etc.
});

我觉得它只是稍微冗长一点,但管理和使用起来会容易得多.

或者你知道更好的方法吗？

也许这个问题正在刷新一个更大问题的表面,这是关于使CSS面向对象.如果存在具有相同名称的css属性,我不希望它弄乱页面上的其他内容.我做的其他一切都是面向对象的.有没有CSS解决方案或方法？

Answer 1

我想到两件事:

• 如果你想改变风格,你必须在javascript中,可能在几个地方.
• 显然,逐个应用样式而不是仅添加类更慢.

CSS旨在让您的生活更轻松,更诚实我认为不使用它是不明智的,除非您有一些javascript样式框架可以做得更好.