[jQuery] .hide()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

jQuery의 hide() 메서드는 선택한 HTML 요소를 숨기는 메서드입니다. 

선택한 요소를 화면에서 보이지 않게 만들 수 있습니다. 

이 메소드를 사용하면 선택한 요소가 동적으로 숨겨지므로 

사용자 상호 작용에 따라 요소가 숨겨지거나 표시되도록 할 수 있습니다.

 

hide() 메서드를 사용하면 선택한 요소의 display 속성이 "none"으로 설정되어 화면에서 사라집니다. 

이때, 선택한 요소의 자리는 그대로 유지되므로 다른 요소들이 자리를 채우게 됩니다.

 

hide() 메서드를 사용하는 방법은 다음과 같습니다.

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

- selector : 숨기고자 하는 요소를 선택하는 선택자입니다.

- speed : 선택적 매개변수로, 요소가 숨겨지는 속도를 지정합니다.

"slow", "fast" 또는 밀리초(ms) 단위의 숫자를 사용할 수 있습니다. 

생략하면 "0"으로 지정됩니다.

- callback : 선택적 매개변수로, 요소가 숨겨진 후에 실행할 함수를 지정합니다.

 

예를 들어, 아래의 코드는 id가 "myDiv"인 요소를 빠르게 숨기는 코드입니다.

$("#myDiv").hide("fast");

이 코드는 id가 "myDiv"인 요소를 찾아 해당 요소를 빠르게 숨깁니다. 

"fast"는 요소가 숨겨지는 속도를 나타내며, 생략하면 기본값인 "0"으로 지정됩니다.