这里有几种我们都熟悉的使用 jQuery 将 CSS 样式应用到元素的方法:
$('.box').css({'background':'#fff', 'color':'#000'});
或者,我们可以结合使用 jQuery 和外部 CSS 来获得相同的效果:
.box.deco { background:#fff; color:#000; }
...
$('.box').addClass('deco');
忽略让 CSS 样式存在于 JS 代码中这一事实是邪恶的(恕我直言),经过这么多年我一直在思考:哪种方法更有效?我现在正在处理的任务是跨多个 DOM 元素执行相对大量的此类样式操作,在这种情况下,性能值得考虑。
我确实查看了有关 SO 的其他类似问题,但没有找到答案。想称重吗?
谢谢
最佳答案
在 CSS 中拥有现有类名并仅交换类名的最有效方法。
参见:Reflows & Repaints: CSS Performance making your JavaScript slow?
关于jquery - 使用 jQuery 应用 CSS 样式的最有效方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10640885/