jQuery селектор :header

Определение и применение

jQuery селектор :header выбирает все элементы, которые являются заголовками.

jQuery синтаксис:

JavaScript
$(":header")

Добавлен в версии jQuery

1.2

Селектор в CSS

Это селектор jQuery, он не является частью спецификации CSS.

Пример использования

Селектор :header — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html
HTML
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
main.js
JavaScript
$(document).ready(function () {
    $(':header').css('text-align', 'center') // выбираем и стилизуем все элементы, которые являются заголовками
})
style.css
CSS
body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с использованием селектора :header мы выбрали и стилизовали все элементы (выровняли текст по центру страницы), которые являются заголовками (элементы от <h1> до <h6>).