Мне интересно, есть ли какое-либо преимущество в использовании параметра контекста при выборе с помощью 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');
Обновление
В ответах и комментариях разбросано много полезной информации. Подводя итог основным моментам, в большинстве браузеров один селектор лучше масштабируется при наличии нескольких 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