Кэширование элементов DOM

Question

Когда у меня есть элементы DOM, которые много раз обращаются в обработчики событий, но не последовательно в коде, полезно ли хранить их в переменной?

ПРИМЕРЫ

1. У меня есть обработчик событий набор для onresize - в обработчике я получаю элементы от идентификаторов. Как я знаю, это событие запускается несколько раз, когда изменяется размер окна, так что было бы лучше держать ссылку на эти элементы в глобальных переменных?

2. Я реализую поиск на основе AJAX. У меня есть элемент ввода-текста, и я установил обработчик для события onkeyup. В обработчике мне нужно получить некоторые элементы по идентификатору, чтобы установить результат, а также скрыть и показать (css) некоторые другие элементы. Тот же вопрос здесь - это то, что даже дает некоторые преимущества в производительности для их хранения, или нет смысла?

Answer 1

Да, это пространство полезно для «сохранения его в коде» или кэширования, поскольку оно экономит вычислительную мощность.

См: Does jQuery cache elements internally?

Вот еще один пример: http://jquery-howto.blogspot.com/2008/12/caching-in-jquery.html