jQuery 효과 show() 메서드

jQuery 효과 메서드

show() 메서드는 숨겨진 요소를 표시합니다.

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

주의:예를 들어 !important를 스타일에서 사용하면(예: display:none !important), 이 메서드는 !important를 덮어쓰지 않습니다.

주의:이 메서드는 jQuery 메서드로 숨긴 요소에 적용되며, CSS에서 display:none(이 아닌)visibility:hidden）。

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

문법:

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

예제

버튼을 클릭할 때 모든 <p> 요소를 표시합니다:

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

사용duration매개변수:

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

사용콜백매개변수:

$("button").click(function(){
　　$("div").show(1000, function(){
　　　　alert("DIV可见");
　　});
});

모든 범위(이 예제에서는 단어)를 애니메이션으로 표시하여 빠르게 표시하고,200밀리초 내에 각 애니메이션을 완료합니다：

$("button").click(function(){
　　$("span:first-child").show("fast",　function(){
　　　　$(this).next().show("fast",　arguments.callee);
　　});
});

파라미터 값

jQuery 효과 메서드