Оптимизация анимации на основе JQuery с помощью результата селектора кеширования?

Question

Я создал анимацию, которая основана на следующих функциях jQuery: hide(), show(), animate().

Эта анимация потребляет много CPU (как использование процессора как процессора), Chrome сообщает мне, что (через инструмент профилирования селектора CSS), что у меня есть много похожих селекторов CSS (профиль селектора CSS).

Являются ли эти селекторы теми, которые используются только механизмом рендеринга? Включает ли это также поиск узла jQuery при использовании $() (предположил, что он вызывается hide(), show() или animate())?

Если да, то второй вопрос, как я могу переопределить эту функцию для кэширования некоторого узла? (путем жесткого кодирования нескольких селекторов, результат которых не изменится в моих анимационных логиках).

EDIT: Я осуществляет переход между кадрами, каждый кадр как эффект Кена Бернса на его фоне

EDIT2: вот плагин JQuery, который с помощью CSS3 для анимации, когда это возможно https://github.com/benbarnett/jQuery-Animate-Enhanced

Answer 1

Если вы делать много JQuery анимации с помощью кода, как следующее:

$('div.myclass').show(); 
... 
$('div.myclass').hide(); 
.... 
$('div.myclass').toggle(); 

Вы можете посмотреть на выстроив цепочку Jquery выбор:

$('div.myclass').show().addClass('sdf').children('li').slideToggle() 

или назначая селектор переменного и повторно использовать этот переменную

var $ele = $('div.myclass'); 
$ele.show(); 
... 
$ele.hide(); 
.... 
$ele.toggle();