当前位置：首页 → 问答吧 → jQuery性能优化三部曲。

jQuery性能优化三部曲。

时间：2009-05-21

来源：互联网

　　
jQuery性能优化指南（1）

https://docs.google.com/View?docid=dft4vhq9_21hjb7j9fz&revision=_latest

jQuery性能优化指南（2）

https://docs.google.com/View?docID=dft4vhq9_22g93szvdd&revision=_latest
　　
jQuery性能优化指南（3）

https://docs.google.com/View?docID=dft4vhq9_23cnccgwc7&revision=_latest

作者: cssrain 发布时间: 2009-05-21

以前写的代码很考虑效率的问题...可能网站比较小也就没有什么大碍了...
上面的方法值的学习啊...

作者: jamix 发布时间: 2009-05-21

之前在你的blog看到过，不过有个地方不对

标签.类名这种写法并不适合IE以外的浏览器，会使选择器性能下降

这里我写了个测试：
http://www.keakon.cn/bbs/thread-1199-1-1.html

目前我采用的方法是这种写法：
isIe ? 标签.类名 : .类名

作者: keakon 发布时间: 2009-05-21

谢谢楼主收藏了

作者: aaa9803596 发布时间: 2009-05-21

TO 2楼：

经过测试，你的结论是正确的：

标签名.class 的方式在IE下的性能好于 .class方式。
但在Firefox下却低于 .class方式。
google浏览器都差不多。

我页面上有300个元素，他们的性能差距都在50毫秒以内。

作者: cssrain 发布时间: 2009-05-22

昨天还测了live函数的性能，我的选择是用live更好，绑定速度更快，响应时间也只慢一点

http://www.keakon.cn/bbs/thread-1299-1-1.html

作者: keakon 发布时间: 2009-05-22

已经修改。呵呵。
https://docs.google.com/View?docID=dft4vhq9_21hjb7j9fz&revision=_latest

作者: cssrain 发布时间: 2009-05-22

昨天还测了live函数的性能，我的选择是用live更好，绑定速度更快，响应时间也只慢一点

http://www.keakon.cn/bbs/thread-1299-1-1.html

live 的确比较慢，特别是在频繁的DOM操作中时。

我上次项目做一个动态增加删除的tab时，用的live。
经过压力测试，ie总是内容泄漏了，导致内存和cpu很大。

改用普通绑定方式好于live。

作者: cssrain 发布时间: 2009-05-22

看得出IE并不是用一个全局对象来处理，不然创建DOM对象不会增加那么多的时间。

不过目前我要做的都是根据用户的鼠标操作，一共也不超过120个div，所以不担心响应时间。

所以我的观点是尽量去使用live简化代码。只有当这种性能问题确实发生时，才有必要去考虑。比较代码量越多，bug也越多。而且重复加相同的东西，也很难保证一致性。

我是完全放弃IE浏览器了，还好不是做产品的，我可以限制用户，不用担心用户限制我～

作者: keakon 发布时间: 2009-05-22

live()处理方式是给body增加一个事件

然后通过 body上的 e.target 来控制的。

具体实现不太清楚。

具体使用看情况吧。

作者: cssrain 发布时间: 2009-05-22