Быстрее пересечь DOM из кэшированного селектора, чем найти элемент ID'd в DOM?

Question

Есть много вопросов о том, быстрее или быстрее найти элемент через класс или идентификатор или какой-либо другой селектор. Меня это не интересует. Я хочу знать, если у вас есть:

var link = $(this); //let's say you're in a click handler 

Является ли это быстрее, чтобы найти контейнер, делая

var container = link.closest('.container'); //assume container is .container 

или

var container = $('#mycontainer'); //assume same element as above 

Я задаю этот вопрос не только для конкретного сценарий выше (хорошо, да, да, для этого сценария тоже), но для кэширования обхода против создания нового объекта jQuery, у которого есть идентификатор. Я замечаю, что во многих своих кодах я стараюсь использовать прежний метод (поскольку он может приспособиться к более динамичному), но мне всегда было любопытно, если бы это было быстрее, чтобы сделать это последним.

Благодаря

Answer 1

Я думаю, что, кэшируются селектор или нет, это будет быстрее использовать селектор ID. Селектор ID в значительной степени представляет собой прямой поиск в словаре по сравнению с кэшированной/ближайшей комбинацией, которая похожа на поиск в словаре, а затем на обход дерева.

http://jsperf.com/traverse-from-cached-selector-vs-id-selector

Самый быстрый поиск будет сделано с родной функции documentGetElementById.

var container = $(document.getElementById('MyContainer'));