[Selector] JQ - :hidden 선택자 - 숨어있는 요소 선택. (= 히든 선택자)

1. :hidden 예제 - 숨어있는 요소 천천히 노출시키기.
2. :hidden 정의
3. :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")