테스트 사이트 - 개발 중인 베타 버전입니다

jQuery ( ": header")

· 8년 전 · 1701

jQuery ( ": header")

설명 : h1, h2, h3 등과 같이 헤더 인 모든 요소를 ​​선택합니다.

추가 참고 사항 :

:headerjQuery 확장이며 CSS 사양의 일부가 아니기 때문에 사용하는 쿼리 :header는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . :header요소를 선택 하는 데 사용할 때 최상의 성능을 얻으려면 먼저 순수한 CSS 선택 도구를 사용하여 요소를 선택한 다음를 사용하십시오 .filter(":header").
예:
페이지의 모든 헤더에 배경 및 텍스트 색상을 추가합니다.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>header demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<h1>Header 1</h1>
<p>Contents 1</p>
<h2>Header 2</h2>
<p>Contents 2</p>
 
<script>
$( ":header" ).css({ background: "#ccc", color: "blue" });
</script>
 
</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16429
16424
16423
16412
16408
16407
16401
16395
16394
16391
16390
16389
16387
16386
JavaScript js playground
16382
16381
16377
16374
16372
16356
16355
16354
16353
16347
16346
16339
16338
16332
16331
16330