您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月16日 07:36

原创 jQuery 选择器(:header)详解

10 次浏览 读完需要≈ 3 分钟

内容目录

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");

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单