jQuery 효과 stop() 메서드

jQuery 효과 메서드

stop() 메서드는 실행 중인 애니메이션을 중지합니다.

stop() 메서드는 모든 jQuery 효과 기능에 적용됩니다. 이는 슬라이딩, 원활하게 진행되는 효과 및 사용자 정의 애니메이션을 포함합니다.

stop()를 요소에 호출할 때, 현재 실행 중인 애니메이션(있을 경우)은 즉시 중지됩니다.

동일한 요소에 여러 개의 애니메이션 메서드가 호출되었을 경우, 이후의 애니메이션은 해당 요소의 효과 큐에 추가됩니다.

문법:

$(selector).stop(clearQueue,　jumpToEnd)

예제

현재 실행 중인 애니메이션을 중지:

$("button").click(function(){
　　$("div").stop();
});

큐에 있는 애니메이션도 중지:

$("button").click(function(){
　　$("div").stop(true);
});

모든 애니메이션 즉시 완료:

$("button").click(function(){
　　$("div").stop(true,　true);
});

매개변수 값

jQuery 효과 메서드