jquery - ":eq()"和 .eq() 之间的区别

Question

我最近开始学习 jQuery。考虑到以下html结构，我想知道选择器 $('ul>li:eq(2)') 和 $('ul>li').eq 之间的基本区别是什么(2).

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>five</li>
</ul>

Answer 1

它们做同样的事情，但其中一个明显慢一些:http://jsperf.com/eq-vs-eq

:eq() 不是 CSS 伪选择器，这使得第一个选择器成为 jQuery 选择器。因此，它必须由用 JavaScript 编写的 Sizzle 选择器库进行解析。

第二个是常规 CSS 选择器，将直接传递到 document.querySelectorAll 中，它是 native 实现的，最终运行速度会快得多。