内容目录
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");
0 条评论
撰写评论