Кэш-память делает недействительным записи согласно шаблону?

Сохраните Объекты jQuery в Переменных для Повторного использования

, Сохранение объекта jQuery к переменной позволяет Вам снова использовать его, не имея необходимость искать назад через DOM для нахождения его.

(Как @Louis предложенный, я теперь использую $, чтобы указать, что переменная содержит объект jQuery.)

// Bad: searching the DOM multiple times for the same elements
$('div.foo').each...
$('div.foo').each...

// Better: saving that search for re-use
var $foos = $('div.foo');
$foos.each...
$foos.each...

Как более сложный пример, скажите, что у Вас есть список продуктов в хранилище, и Вы хотите показать только тем, которые соответствуют критериям пользователя. У Вас есть форма с флажками, каждый содержащий критерии. Флажки имеют имена как organic и lowfat, и продукты имеют соответствующие классы - .organic, и т.д.

var $allFoods, $matchingFoods;
$allFoods = $('div.food');

Теперь можно продолжать работать с тем объектом jQuery. Каждый раз флажок нажат (чтобы проверить или снять флажок), начать с основного списка продуктов и отфильтровать на основе установленных флажков:

// Whenever a checkbox in the form is clicked (to check or uncheck)...
$someForm.find('input:checkbox').click(function(){

  // Start out assuming all foods should be showing
  // (in case a checkbox was just unchecked)
  var $matchingFoods = $allFoods;

  // Go through all the checked boxes and keep only the foods with
  // a matching class 
  this.closest('form').find("input:checked").each(function() {  
     $matchingFoods = $matchingFoods.filter("." + $(this).attr("name")); 
  });

  // Hide any foods that don't match the criteria
  $allFoods.not($matchingFoods).hide();
});