jQuery fadeOut() 효과 메서드

jQuery 효과 메서드

fadeOut() 메서드를 통해 선택된 요소의 불투명도를 점진적으로 보이지 않게 만듭니다.

이 메서드는 일반적으로fadeIn()메서드를 함께 사용하세요.

주의：숨겨진 요소는 더 이상 페이지 레이아웃에 영향을 미치지 않습니다.

문법：

$(selector)fadeOut.(지속시간, easing, callback)

예제

모든 <p> 요소를 흐리게 만들기：

$("button").click(function(){
　　$("p").fadeOut();
});

사용duration파라미터：

$("button").click(function(){
　　$("p").fadeOut(1500);
});

사용콜백파라미터：

$("button").click(function(){
　　$("div").fadeOut(600, function(){}
　　　　$("h3).text("Fade OUT complete.");
　　});
});

다양한 요소에 대해 흐릿하게 나타내기/사라지기 효과를 적용할 수 있습니다. 예를 들어, 간단한 이미지와 같이:

$("button").click(function(){
　　$("img").fadeOut();
});

파라미터 값

jQuery 효과 메서드