キャッシュされたセレクタからDOMをトラバースする方が、DOM内のIDの要素を見つける方が速いのですか？

Question

クラスやID、その他のセレクタを使用して要素の検索が高速かどうかについては、多くの疑問があります。私はそれに興味がありません。私はあなたが持っているかどうかを知りたい：

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 

を行うことで、コンテナを見つけるために、より速く、それをです上記のシナリオ（このシナリオでもOK、そうです）ではなく、キャッシュされたトラバーサルに対して、IDを持つ新鮮なjQueryオブジェクトを作成します。私は自分のコードの多くで、前者の方法（それはもっと動的になることができるので）をする傾向があることに気付きましたが、後者の方が速いのはいつも好奇心でした。

おかげ

Answer 1

私はセレクタをキャッシュしたりない、と思うだろう、IDセレクタを使用するように速いだろう。 IDセレクタは、辞書検索のようなキャッシュされた/最も近い組み合わせと直接的な辞書検索のあとに、ツリートラバーサルが続くものです。

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

最速のルックアップはネイティブdocumentGetElementById機能を使って行うことでしょう。

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