jQuery性能，.css或addClass

我有一个很大的jQuery代码，我正在思考我的函数的速度性能。 单击元素（mousedown）时，我需要将图像指定为背景。 我可以通过两种方式做到这一点：

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

要么

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

其中“someclass”具有实际的CSS背景图像。 在这种情况下，巫婆function更好。

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

谢谢

Answer 1

我几乎可以肯定.addClass()会更快。 这主要涉及为元素添加另一个类名，而替代方法则需要遍历元素样式并设置许多显式规则。

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

我已将两种方法的逻辑提取到一个位置，供您查看是否喜欢。

http://pastie.org/842738

Answer 2

添加类绝对更快，请参阅$.addClass() vs $.css() vs $.removeClass().addClass()性能测试$.addClass() $.removeClass().addClass() vs plain js – http://jsperf.com/jquery-css-vs- addclass速/ 2