jQuery의 표시 및 숨기기 방법과 CSS 숨겨진 스타일 비교_jquery

display:none과 visible:hidden의 차이점

display:none과 visible:hidden은 모두 웹 페이지에서 요소를 숨길 수 있지만 둘 사이에는 차이점이 있습니다.

display:none ---숨겨진 개체를 위한 물리적 공간을 확보하지 마십시오. 즉, 일반인의 관점에서 개체는 페이지에서 완전히 사라지며 보거나 만질 수 없습니다.

visible:hidden--- 웹페이지에서 객체가 보이지 않게 하지만 웹페이지에서 객체가 차지하는 공간은 변하지 않는다는 뜻입니다. 만졌다.

예:

코드 복사 코드는 다음과 같습니다.

< ;html>


숨겨진 영역표시 영역

숨겨진 영역영역 표시