文章/答案/技术大牛

发布

问jQuery性能、.css或addClass
EN

Stack Overflow用户

提问于 2010-02-26 02:19:41

回答 2查看 11.1K关注 0票数 17

我有一个很大的jQuery代码，我正在考虑我的函数的速度性能。当一个元素被点击(mousedown)时，我需要分配一个图像作为背景。我可以通过两种方式来实现：

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

或

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

其中“某个类”有实际的CSS背景图片。Witch函数在这种情况下工作得更好。

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

谢谢

jquery

css

addclass

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-02-26 02:24:15

我几乎可以肯定.addClass()会是两个中速度更快的一个。这实际上涉及到将另一个类名附加到元素上，而另一种方法则需要迭代元素样式并设置许多显式规则。

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

我已经将这两种方法的逻辑提取到一个位置，以便您在喜欢的情况下查看。

http://pastie.org/842738

票数 16

Stack Overflow用户

发布于 2014-01-16 07:09:44

添加类绝对更快，请参阅$.addClass()与$.css()、$.removeClass().addClass()与普通js - http://jsperf.com/jquery-css-vs-addclass-speed/2的性能测试

票数 11

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2336509

复制

相似问题

问jQuery性能、.css或addClass
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery性能、.css或addClassEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery性能、.css或addClass
EN