Создание цепочек для воспроизведения анимации

Мы обсуждали цепочки функций в предыдущих главах. Напомним вам, что любые события, расположенные в цепочке, будут выполнять в том порядке, в котором они были добавлены в нее. Как утверждают эксперты, Вы можете объединить в цепочку столько функций, сколько вам понадобится, до бесконечности (или до тех пор, пока не зависнет браузер).

В целом же, я считаю, что разметка jQuery функций, расположенная в отдельных строках с собственными наборами селекторов (невзирая на то, что такая разметка занимает значительное пространство), позволяет сохранить простоту организации и легкость управления jQuery скриптами. Цепочки функций создают слишком запутанный код, на изучение которого уходит длительное время.

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

...
jQuery('.post:first').hide().slideDown(5000, 'linear').fadeTo('slow', 
.5);
... 

Однако даже такие краткие анимационные цепочки могут вызвать множество вопросов. Решение есть: в отличие от большинства языков сценариев, Javascript и jQuery используют точку с запятой для завершения всей операторной цепочки, а не одной строки. Благодаря этому вы всегда можете представить цепочки функций в удобном виде:

...
jQuery('.post:first')
.hide()
.slideDown(5000, 'linear')
.fadeTo('slow', .5);
...