jQuery 효과 - fadeIn() 메서드

jQuery 효과 참조 매뉴얼

예제

숨겨진 <p> 요소를 보이게 하는 애니메이션 효과를 사용합니다：

$(".btn2").click(function(){
  $("p").fadeIn();
});

직접 시험해 보세요

정의 및 사용법

fadeIn() 메서드는 숨겨진 요소를 보이게 하는 애니메이션 효과를 사용합니다.

문법

$(선택자).fadeIn(speed,callback)
파라미터 설명
speed

선택 사항. 요소가 숨겨져 있을 때부터 보이게 되는 속도를 설정합니다. 기본值为 "normal".

가능한 값:

  • 밀리초 (예: 1500)
  • "slow"
  • "normal"
  • "fast"

속도를 설정한 경우, 요소가 숨겨져 있을 때부터 보이게 되는 동안 투명도를 점진적으로 변경하여(이렇게 하면 애니메이션 효과를 만들 수 있습니다).
callback

선택 사항. fadeIn 함수가 실행된 후에 실행되는 함수.

callback에 대한 더 많은 내용을 배우기 위해 우리의 jQuery Callback 장을 방문하세요.

speed 파라미터가 설정되지 않았다면 이 파라미터를 설정할 수 없습니다.

추천사항 및 주의사항

추천사항：요소가 이미 보이고 있는 경우, callback 함수가 설정되지 않았다면 이 효과는 어떤 변화도 유발하지 않습니다.

주의사항：이 효과는 jQuery로 숨겨진 요소나 CSS에서 display:none으로 설정된 요소에 적용됩니다. (visibility:hidden 요소는 적용되지 않습니다.)

더 많은 예제

speed 파라미터를 사용합니다
speed 파라미터를 사용하여 요소에 대한 애니메이션을 투명도로 조절합니다.

jQuery 효과 참조 매뉴얼