jQuery 기본 강의

jQuery 효과

hide() 메서드와 함께 사용됩니다.

이 메서드는 일반적으로show()메서드를 함께 사용합니다。

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

$(selector).hide(duration,　easing,　callback)

이 예제는 페이지를 클릭할 때 페이지 상의 단락을 숨기는 예제입니다：

예제

$("p").click(function(){
　　$(this).hide();
});

버튼 클릭 시 모든 <p> 요소 숨기기：

예제

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

사용duration매개변수：

예제

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

사용콜백매개변수：

예제

$("button").click(function(){
　　$("div").hide(1000,　function(){
　　　　alert("DIV가 숨겨졌습니다");
　　});
});

모든 애니메이션 간격(이 경우 단어)을 빠르게 숨기고,200초 내에 각 애니메이션을 완료합니다：

예제

$("button").click(function(){
　　$("span:last-child").hide("fast",　function(){
　　　　$(this).prev().hide("fast",　arguments.callee);
　　});
});

클릭을 넘어서면2span 요소를 숨기고, 숨기는 동안 span 요소를 제거합니다:

예제

$("span").click(function(){
　　$(this).hide(2000, function(){
　　　　$(this).remove();
　　});
});

파라미터	설명
duration	（선택 사항）숨기기 효과가 얼마나 오래 실행될지 결정하는 값. 기본 값은400밀리초 가능한 값: 밀리초（예를 들어100、500、2000 등) “swing” “slow”
easing	（선택 사항）요소의 속도를 지정하는 문자열. 기본 값은 “swing”입니다 가능한 값: “swing”-시작에서/끝에서 이동이 더 느리며, 중간에서 더 빠르게 이동 “linear”-고정된 속도로 이동
콜백	（선택 사항）hide() 메서드가 완료된 후 호출되는 함수, 각 선택된 요소에 대해 한 번 호출됩니다