목차
- :hidden 예제 - 숨어있는 요소 천천히 노출시키기
- :hidden 정의
- :hidden 구문
:hidden 예제 - 숨어있는 요소 천천히 노출시키기
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p:hidden").show(3500);
});
</script>
<p>브라우저야? 브라우저야?</p>
<p>최고의 홈페이지는 어디?</p>
<p style="display:none;">홈짱닷컴 Homzzang.com</p>
결과보기
:hidden 정의
숨어있는 (= 감춰진 = 안 보이는) 요소 선택.
1. [숨어있는 요소 종류]
- display:none 설정된 요소.
- type="hidden" 갖는 Form 요소.
- width, height 값이 0인 요소.
- 숨어있는 부모 요소. (※ 이는 자식 요소들도 숨김.)
- 단, visibility:hidden 설정된 요소는 해당 X
2. cf.
:visible 선택자 - 보이는 요소 선택.
:hidden 구문
$(":hidden")