Когда я должен использовать $ (объект), и когда следует использовать $ object?

Question

Предположим, у меня есть элемент, соответствующий «.foo».

<div class="foo"></div> 

Я узнал из опыта хит производительности от вызова искатели больше, чем когда-то, как, если я пытаюсь изменить один и тот же объект несколько раз.

$(".foo").doOneThing(); 
$(".foo").doAnotherThing(); 
$(".foo").doSomethingElse(); 
// Makes jQuery look for ".foo" three times, bad! 

против

$foo = $(".foo"); 
$foo.callAllThreeOfTheThingMethodsInThePreviousBlock(); 
// Calls $(".foo") only once, but occupies memory with a jQuery object version of the foo div. 

Мой вопрос, сколько раз вам придется использовать этот видоискатель перед установкой в ​​сторону памяти для хранения объекта JQuery вместо того, чтобы вызов метода JQuery снова?

С другой стороны, я просил, чтобы каждый искатель я вызывал более одного раза в хранимую переменную $ object; мой босс сказал вместо этого использовать искатель, а не сохраненный объект, если я использовал только поисковик, скажем, два или три раза. Как вы относитесь к этому?

Answer 1

Использование var $foo = $(".foo");

Использование $(".foo") несколько раз заставит JQuery повторить поиск. Похоже, что jQuery не кэширует селекторов, и даже если это было сделано, лучше быть умным и не полагаться на кого-то другого.

Does jQuery do any kind of caching of “selectors”?

Answer 2

Сохранение результата запроса в переменной рекомендуется в большинстве ситуаций, когда запрос является repetetive. В зависимости от вашей ситуации вы также можете так последовательно выполнять функции.

$(".foo").doOneThing().doAnotherThing().doAnotherThing();