jQuery 性能、.css 或 addClass

Question

我有一个很大的 jQuery 代码，我正在考虑我的函数的速度性能。单击元素时(鼠标按下)我需要将图像分配为背景。我可以通过两种方式做到这一点:

$('#element li.class').css({"background":"someimageURL"});

或

$('#element li.class').addClass("someclass");

其中“someclass”具有实际的 CSS 背景图像。女巫功能在这种情况下效果更好。

有没有办法测试各种功能的速度？

谢谢

Answer 1

我几乎可以肯定 .addClass() 会是两者中更快的一个。这实质上涉及将另一个类名添加到元素，而替代方案将需要遍历元素样式并设置许多明确的规则。

通过 $.css() 设置几个 css 规则可能没什么好担心的，但如果你发现自己设置了很多，通常，是时候创建一个类并应用/删除它作为需要。

我已将这两种方法的逻辑提取到一个位置，供您根据需要查看。

http://pastie.org/842738