javascript - 在 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 样式框架可以做得更好。