[Selector] JQ - :header 선택자 - h1 ~ h6 모든 헤더 요소 선택. (= 헤더 선택자)

1. :header 예제
2. :header 정의
3. :header 구문

:header 예제 - h1 ~ h6 요소 선택

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $(":header").css("background-color", "yellow");

});

</script>

<h1>홈짱닷컴</h1>

<h2>Homzzang.com</h2>

<h3>홈페이지 제작관리 강의</h3>

<p class="a">a</p>

<p>b</p>

<p>c.</p>

<p>c</p>

<ul id="b">

  <li>e</li>

  <li>f</li>

  <li>g</li>

</ul>

 

결과보기

:header 정의

 

모든 헤더 요소 (h1~h6) 선택.

 

:header 구문

 

$(":header")