>웹 프론트엔드 >JS 튜토리얼 >jquery 대기열 대기열 및 구현 방법의 기본 모방 Sharing_jquery

jquery 대기열 대기열 및 구현 방법의 기본 모방 Sharing_jquery

WBOY
WBOY원래의
2016-05-16 16:54:44942검색

queue() 메서드는 일치하는 요소에서 실행되는 함수 대기열을 표시하거나 작동합니다.

큐 및 큐 제거 프로세스는 주로 다음과 같습니다.

큐를 사용하여 함수를 큐에 추가합니다(보통 함수 배열)
dequeue를 사용하여 함수 배열의 첫 번째 함수를 꺼내서 실행합니다(꺼내고 실행하려면 Shift() 메서드 사용).
즉, Dequeue를 다시 실행하면 또 다른 기능을 얻게 된다는 뜻입니다. 이는 또한 대기열에서 제거가 실행되지 않으면 대기열의 다음 함수가 절대 실행되지 않음을 의미합니다.

요소에 애니메이션 메서드와 애니메이션을 실행하기 위해 jQuery는 내부적으로 fx라는 함수 대기열에도 해당 요소를 추가합니다. 여러 요소를 순차적으로 애니메이션화하려면 대기열을 수동으로 설정해야 합니다.

두 개의 div를 순서대로 왼쪽으로 이동하는 예:

코드 복사 코드는 다음과 같습니다.

div 1

div 2