javascript - この単純なケースで find() を使用していますか?

Question

JavaScript で要素をキャッシュしている場合、どちらがより効率的ですか?

HTML
<div id="parent">
   <div id="child"></div>
</div>

Javascript:

var parent = $('#parent');
var child = $('#child');

また

var parent = $('#parent');
var child = $(parent).find('#child');

一方が他方より優れているか？それとも練習したほうがいいですか？私はこのようなコードをたくさん書いており、現在 find() を使用して、既にキャッシュされている親の特定の要素を取得しています。

ありがとう

Answer 1

@PSLが言うように、IDとしては最初の方が優れていますが、クラスを使用すると、ドキュメント全体を検索する必要がないため、2番目の方が高速になります.child。#parent

また、あなたは行くことができます：

var child = parent.find('#child');

それ以外の

var child = $(parent).find('#child');