document.links使用jQuery查找链接是否更快?

理论上,迭代 document.links

• 不是你现在这样做的 filter

• 文档.链接 不会给你完全一样的 $('a') links

• 直接 $('a.someClass') 在现代浏览器中,因为该方法只会将控制权转移到浏览器自己的 document.querySelectorAll('a.someClass') ,这将比您或Sizzle自己嗅探DOM节点的速度快得多。

(有一种方法比 querySelectorAll ,jQuery尚未使用: document.getElementsByClassName('someClass') . 再说一次,它只是在现代浏览器中,IE8没有它的地方 查询选择器all . 因为在实践中可能不值得太费心 查询选择器all 已经很快了。)

$(document.links).filter('a.someClass') 用672ms跑了1000次。

$('a.someClass') 用了191毫秒跑了1000次。

如果你这样做了

$('a').filter('.someClass') filter 似乎是失去时间的地方。

var x = $('.remove', document.links);

不要怀疑jQuery。很多人花了很多时间来加快速度。如果是这样的话 document.links 是找到 <a> 标签,然后Sizzle会自动为你做。

$('a.someClass')

比

$('.someClass')

当你能用一个标签名来限定你的选择者时,你就更好了。发动机将使用 getElementsByTagName() 减少要扫描的节点数。

我不熟悉sizzle选择器库是如何工作的,但我会怀疑你是如何工作的 $('a.someclass') jQuery将使用 document.getElementByTagName('A') 而不是遍历整个DOM。

http://jsbin.com/ixiva3

动态创建了1000个链接。 console.time

结果表明 $("a.somelink") 是最快的。