CodePlayer

jQuery的:header选择器用于匹配所有的标题元素(h1 ~ h6)，将其封装为jQuery对象并返回。

语法

jQuery1.2 新增该选择器。

jQuery( ":header" )

返回值

返回封装了所有匹配的标题DOM元素的jQuery对象。

:header选择器会匹配h1、h2、h3之类的所有标题元素，如果你只想匹配某种标题元素，可以直接使用标签选择器，例如：$("h1")。

示例&说明

以下面这段HTML代码为例：

<div id="n1">
	<h1 id="n2">标题1</h1>
	<div id="n3">
		<h2 id="n4">标题2</h2>
	</div>
	<div id="n5">
		<h3 id="n6">标题3</h3>
		<h3 id="n7">标题4</h3>
	</div>
</div>

现在，我们想要查找所有的标题元素，则可以编写如下jQuery代码：

// 选择了id分别为n2、n4、n6、n7的4个元素
$(":header");

接着，查找id为n5的div标签内的所有标题元素，则可以编写如下jQuery代码：

// 选择了id分别为n6、n7的两个元素
$("#n5 :header");

运行代码