Какой метод выбора jQuery быстрее?

Мне интересно, есть ли какое-либо преимущество в использовании параметра контекста при выборе с помощью jQuery по сравнению с использованием обычного селектора с ограниченным диапазоном CSS.

иметь этот html:

All contacts

Jim Jones

(555) 555-1212

Bob Smith

(555) 555-1213

Dave Baker

(555) 555-1214

Pete Harrison

(555) 555-1215

George Donald

(555) 555-1216

Chris Root

(555) 555-1217

Если я хочу получить все новые контакты (отмеченные классом 'new') из div контактов, какой метод быстрее, лучше масштабируется и т. д.?

$('.contacts .new');

Или

$('.new', '.contacts');

jsFiddle

Обновление

В ответах и ​​комментариях разбросано много полезной информации. Подводя итог основным моментам, в большинстве браузеров один селектор лучше масштабируется при наличии нескольких div .contacts. Метод двух контекстов селектора работает быстрее, в большинстве браузеров присутствует только один элемент div .contacts.

Что-то полезное, что можно извлечь из этого, - это то, что мы можем использовать один метод при выборе внутри элемента с идентификатором.

$('p:first', '#chapter2'); // get the first paragraph from chapter 2

И использовать метод единственного селектора для случаев, когда мы выбираем из потенциально большой группы элементов.

$('.chapter p:first-child'); // get the first paragraph from all chapters

5
задан Pablo Fernandez 17 August 2011 в 14:08
поделиться