핵심정리(Le-04)

변화를 주기 위해서 여러 효과들을 적용하다 보면, 이 효과들이 한 번에 동작하는지 또는 순서 대로 동작하는지를 기억하기가 쉽지 않을 수 있다. 도움을 주기 위해 간단히 몇 가지 요점을 정리해 보았다.

1. 요소들의 단일 집합에서 효과들은

   • 하나의 .animate() 메서드를 사용하여 여러 프로퍼티를 적용하게 되면, 그 효과는 동시에 일어난다.
   • 효과 메서드들을 연쇄적으로 나열하는 방법으로 연결고리에 넣으면 큐에 쌓여서 효과가 순서대로 일어난다.

2. 요소들의 다중 집합에서 효과들은,

   • 기본적으로 동시에 일어난다
   • 이벤트 핸들러의 콜백 안에서 구현되는 효과는 큐에 쌓인다.

요약

효과 메서드를 이용하면, .css()메서드를 사용해서 텍스트의 크기를 키우거나 줄일수 있다. 또한 점진적으로 숨기거나 보여주기 위한 여러 가지 효과들을 다양한 방법들로 적용할 수 있으며, 한 번에 또는 순차적으로 여러 가지 방법을 사용해서 요소들에 애니메이션을 부여할수 있다