📜  jQuery | :header 选择器(1)

📅  最后修改于: 2023-12-03 15:32:11.885000             🧑  作者: Mango

jQuery | :header 选择器

简介

在 jQuery 中,:header 选择器用于选取网页中所有的标题标签(h1~h6)。

语法
$(":header")
返回值

返回值是一个 jQuery 对象,包含所有的标题标签。

例子

HTML 代码:

<h1>这是一个 h1 标题</h1>
<h2>这是一个 h2 标题</h2>
<h3>这是一个 h3 标题</h3>
<h4>这是一个 h4 标题</h4>
<h5>这是一个 h5 标题</h5>
<h6>这是一个 h6 标题</h6>

jQuery 代码:

$(":header").css("color", "red");

效果:将所有标题标签的颜色设为红色。

注意事项
  • :header 选择器只能匹配标题标签(h1~h6),不能匹配其他标签。
  • 由于 :header 选择器返回的是 jQuery 对象,因此可以使用 jQuery 的所有方法对返回的元素进行操作。