26.2jQuery / Cache

jQueryのルックアップをキャッシュする

jQueryのルックアップをキャッシュして、同じセレクタを何度も検索しないようにします。

`$('.sidebar')` を呼び出すたびに、jQueryはDOMツリー全体を検索して該当する要素を探します。これは比較的高コストな処理です。同じ要素を複数回操作する場合は、最初に一度だけ検索して結果を変数に格納（キャッシュ）し、その後はその変数を使うことで、不要なDOM検索を減らし、パフォーマンスを向上させることができます。

❌ Bad

// bad
function setSidebar() {
  $('.sidebar').hide();
  // ...
  $('.sidebar').css({
    'background-color': 'pink',
  });
}

✅ Good

// good
function setSidebar() {
  const $sidebar = $('.sidebar');
  $sidebar.hide();
  // ...
  $sidebar.css({
    'background-color': 'pink',
  });
}