Разница между «: eq()» и .eq()

Question

Я недавно начал изучать jQuery. Учитывая структуру html follwing, я хочу знать, какова основная разница между селекторами $('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. Поэтому он должен быть проанализирован библиотекой селекторов Sizzle, которая написана на JavaScript.

Второй является обычным селектором CSS и будет передаваться непосредственно в document.querySelectorAll, который реализован изначально и будет работать намного быстрее.

Answer 2

По существу, нет никакой разницы между ними, кроме как при исполнении. jQuery имеет много методов, которые эквивалентны селекторам.