変数にJQuery関数を使用できますが、JQueryがDOMを繰り返し参照することはできませんか？

Question

var x = $("element"); 
$(x).width(95); 

非常に、非常に新しいJQueryです。私は、DOMから項目を取得し、その項目にjQuery関数を使用したいと思います。 DOMからアイテムを何度も何度もやり直していないことを確認したい。これを行うか、DOMから2回目にアイテムを取得しますか？

私はこれを避けてjQuery関数を使用できますか？どうすればいい？

気にする必要がありますか？私は本当にすべきだと感じています。

Answer 1

DOMから何度も何度もアイテムを取得しないようにしたいと思います。これを行うか、DOMから2回目にアイテムを取得しますか？

号

$()要素のコレクションを含むjQueryオブジェクトを返します。それらはすでにDOMで発見されています。

あなたはそれがすでに「$」で、どちらか$にそれを渡す必要はありません。

var x = $("element"); 
x.width(95); 

あなたはcreates a copy of the collectionこと、$に$オブジェクトを渡した場合 - それは、再びアイテムを検索しません、それはリストをクローンします。

気にする必要がありますか？私は本当にすべきだと感じています。

はい、そうしてください。 DOMに対してセレクタを実行すると高価になる可能性があります。あなたは毎回それを実行したくありません。

Answer 2

同じDOM要素に複数回アクセスしようとしているときに、パフォーマンスについて考えるのは間違いありません。

var x = $("element");これは、DOMから要素を取り出してxに格納します。 x.width(95);は、$(x) againを使わずに直接行うことができます。 jQueryのほとんどの関数はthisへの参照を返すので、関数を連鎖させることができます。したがって、x.function1().function2()のように関数をさらに呼び出すことができます。