jQuery 효과 - 숨기기 및 표시

jQuery 숨기기() 및 표시()

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

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

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

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

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

선택적 속도 매개변수는 숨기기/표시의 속도를 지정하고 "slow", "fast" 또는 밀리초 값을 사용할 수 있습니다.

선택적 콜백 매개변수는 hide()또는 show()메소드가 완료된 후 실행되는 함수입니다(이후 장에서 콜백 함수에 대해 자세히 알아볼 것입니다).

다음 예는 다음을 사용하여 속도 매개변수를 보여줍니다 hide().

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

 

 

jQuery 토글()

toggle()메서드 를 사용하여 요소를 숨기거나 표시하는 사이를 전환할 수도 있습니다 .

표시된 요소는 숨겨지고 숨겨진 요소는 표시됩니다.

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

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