[jQuery] .show()

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

jQuery의 show() 메서드는 선택한 HTML 요소를 화면에 보이게 만드는 메서드입니다. 

선택한 요소를 화면에서 숨겨진 상태에서 보이게 만들 수 있습니다. 

이 메서드를 사용하면 선택한 요소가 동적으로 표시되므로 

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

 

show() 메서드를 사용하면 선택한 요소의 display 속성이 "none"에서 기본값으로 변경되어 화면에 나타납니다.

 

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

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

- selector : 보이게 만들고자 하는 요소를 선택하는 선택자입니다.

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

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

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

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

 

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

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

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

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