## header selector

Description: Selects all elements that are headers, like h1, h2, h3 and so on.

- #### version added: 1.2jQuery( ":header" )

### Additional Notes:

- Because `:header` is a jQuery extension and not part of the CSS specification, queries using `:header` cannot take advantage of the performance boost provided by the native DOM `querySelectorAll()` method. To achieve the best performance when using `:header` to select elements, first select the elements using a pure CSS selector, then use `.filter(":header")`.

## Example:

Adds a background and text color to all the headers on the page.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>header demo</title>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <h1>Header 1</h1><p>Contents 1</p><h2>Header 2</h2><p>Contents 2</p> <script>$( ":header" ).css({ background: "#ccc", color: "blue" });</script> </body></html>

#### Demo: