:header 选择器
分类：选择器 > 基本筛选选择器 | 选择器 > jQuery扩展选择器
header selector
描述：选择所有的header元素，比如说h1、h2、h3等等。
加入于: 1.2
jQuery( ":header" )其它说明
- 因为
:header是一个jQuery扩展，并不是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>
演示结果