[jQuery]숨기기/표시

jQuery를 사용하면 hide() 및 show() 메서드를 사용하여 HTML 요소를 숨기거나 표시 할 수 있습니다.

 

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

 

매개 변수를 넣어주어서 다양한 동작 구현이 가능합니다.

 

$(selector).hide(speed,callback);

 

$(selector).show(speed,callback);

 

speed매개 변수는 숨기기 / 표시의 속도를 지정하여 "느린","빠름" 또는 밀리 초의 값을 줄 수 있습니다.

 

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

직접해보기

 

callback매개 변수는 hide() 또는 show() 메서드가 완료된 후에 실행되는 함수입니다.

 

 

 

 

toggle() 메서드를 사용하여 hide() 및 show() 메서드를 서로 전환 할 수 있습니다.

 

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