jQuery 표시 / 숨기기가 visible : hidden 대신 display : none을 사용하는 이유는 무엇입니까?
display:none 요소가 DOM의 일부로 렌더링되지 않으므로 표시 속성이 다른 것으로 변경 될 때까지로드되지 않음을 의미합니다.
visibility:hidden 요소를로드하지만 표시하지는 않습니다.
왜 jQuery를 사용을하지 display:none않고 사이에 전환의 표시 / 숨기기 기능 visibility:hidden과 visibility:visible?
에서 display:none요소는 모든 목적을 위해 존재하지 않기 때문에 공간을 차지하지 않습니다. 그러나에서는 요소에 visibility:hidden방금 추가 opacity:0한 것과 같습니다. 동일한 공간을 차지하지만 보이지 않게 작동합니다.
jQuery 작성자는 아마도 전자가 .hide().
visibility: hidden요소를 보이지 않게하지만 페이지 레이아웃에서 제거하지는 않습니다. 요소가 있던 곳에 빈 상자가 남습니다. display: none페이지의 공간을 차지하지 않도록 레이아웃에서 제거합니다. 일반적으로 사람들이 무언가를 숨길 때 원하는 것입니다.
Visibility : hidden은 페이지에서 여전히 공간을 사용하는 방식으로 요소를 보이지 않게 만듭니다. Display : none은 요소가 DOM에 여전히 존재하는 동안 공간이없고 완전히 사라지도록 만듭니다.
가시성은 요소를 보이지 않게 만들지 만 여전히 화면의 공간을 차지합니다.
Visibility:hidden요소를 보이지 않게 만들지 만 DOM에로드되어로드 시간을 소비합니다. 그러나 Display:none요소를로드하지 않습니다.
'program story' 카테고리의 다른 글
| 재정의 된 메서드에 대한 C # 선택적 매개 변수 (0) | 2020.10.30 |
|---|---|
| ASP.NET Core (.NET Core)와 ASP.NET Core (.NET Framework)의 차이점 (0) | 2020.10.30 |
| Scala에서 유형 지정의 목적은 무엇입니까? (0) | 2020.10.30 |
| Amazon S3 boto : 버킷에있는 파일의 이름을 어떻게 바꾸나요? (0) | 2020.10.30 |
| 여러 파일 유형을 검색하는 Unix find 명령에 해당하는 Windows (0) | 2020.10.30 |