jquery - jQuery $（this）最適化

Question

重複の可能性：
「$（this）」のコストはいくらですか？

一部の開発者のコ​​ードで$(this)は、同じdomノードを参照して3〜5回存在する可能性があります。これが最適化して次のような変数に格納する価値があるのはどの時点か疑問に思いvar el = $(this);ます。

これのパフォーマンスに関するドキュメントの信頼できる優れた情報源を知っている人はいますか？

Answer 1

複数回使用する必要がある場合は、キャッシュしてください。IMHO、なぜ何かのために DOM を呼び出し続けるのですか?

注:$実際には jquery DOM 要素である変数の前に a を追加することをお勧めします。変数が実際に何であるかを追跡しやすくなります。

Answer 2

私が使うvar $this = $(this);

この記事では、パフォーマンス分析を提供します。10,000回の呼び出しで1秒節約できます:) http://www.stoimen.com/blog/2010/06/19/speed-up-the-jquery-code-selectors-cache/

Answer 3

変数にキャッシュすると、タイプすることも少なくなりますが、参照するローカル変数はおそらく1文字に縮小される$(this)ため、縮小できないため、ミニファイヤによって最適化することもできます$(this)

Answer 4

これは、イベントにタグを付けるだけの要素を意味します。

$("input").click(function(){
  $(this)// this refer to the input element that you click
})

この要素を格納する必要がある場合は、変数を使用して格納します。したがって、var el = $(this) の el も入力要素を意味します。