jQuery ( ": header")
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>
|
댓글을 작성하시려면 로그인이 필요합니다.