jQuery 정지 애니메이션


jQuery stop() 메서드는 애니메이션이나 효과가 완료되기 전에 중지하는 데 사용됩니다.



패널을 위/아래로 슬라이드하려면 클릭하세요.

시간은 소중하기 때문에 빠르고 쉬운 학습을 제공합니다.

W3Schools에서는 배우기 위해 필요한 모든 것을 접근 가능하고 편리한 형식으로 공부할 수 있습니다.



jQuery stop() 메서드를 보여줍니다.


jQuery stop() 메서드를 보여줍니다.


jQuery stop() 메서드

jQuery stop()메서드는 애니메이션이나 효과가 완료되기 전에 중지하는 데 사용됩니다.

stop()방법은 슬라이딩, 페이딩 및 사용자 정의 애니메이션을 포함한 모든 jQuery 효과 기능에 대해 작동합니다.

통사론:

$(selector).stop(stopAll,goToEnd);

선택적 stopAll 매개변수는 애니메이션 큐도 지워야 하는지 여부를 지정합니다. 기본값은 false입니다. 즉, 활성 애니메이션만 중지되고 대기 중인 애니메이션이 나중에 수행될 수 있습니다.

선택적 goToEnd 매개변수는 현재 애니메이션을 즉시 완료할지 여부를 지정합니다. 기본값은 거짓입니다.

따라서 기본적으로 이 stop()메서드는 선택한 요소에서 수행 중인 현재 애니메이션을 종료합니다.

다음 예는 stop()매개변수가 없는 메소드를 보여줍니다.

예시

$("#stop").click(function(){
  $("#panel").stop();
});

jQuery 연습

연습으로 자신을 테스트하십시오

연습:

jQuery 메서드를 사용하여 <div> 요소의 애니메이션 효과 를 중지 합니다.

$("div").();


jQuery 효과 참조

모든 jQuery 효과에 대한 전체 개요를 보려면 jQuery 효과 참조 로 이동하십시오 .