jQuery_jquery의 fadeOut() 메소드 사용 예

이 기사의 예에서는 jQuery의 fadeOut() 메소드 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 메서드는 불투명도 변경을 통해 일치하는 모든 요소를 ​​페이드 아웃하고 선택적으로 애니메이션이 완료된 후 콜백 함수를 트리거합니다.

fadeOut() 메소드 사용법:

이 방법을 사용하면 애니메이션 효과의 지속 시간을 지정할 수 있습니다. 예:

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

$("div").fadeOut(5000)

위 코드에서는 div의 페이드아웃 효과가 5000밀리초(5초) 이내에 완료될 수 있다고 규정하고 있습니다.
이 메서드는 애니메이션이 완료된 후 콜백 함수를 트리거할 수도 있습니다. 예:

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

$("div").fadeOut(5000,function(){ Alert(' 애니메이션 효과 완료! ')})

위 코드는 애니메이션이 완료된 후 콜백 함수를 트리거할 수 있으므로 프롬프트 상자가 팝업됩니다.
예제 코드:

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