Categories

:header Selector

Categories: jQuery Extensions | Basic Filter

jQuery(':header')

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

  • jQuery(':header')

    version added: 1.0

Note:

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").
  • Adds a background and text color to all the headers on the page.

    HTML:
    <h1>Header 1</h1>
    
      <p>Contents 1</p>
      <h2>Header 2</h2>
      <p>Contents 2</p>
    CSS:
    
      body { font-size: 10px; font-family: Arial; } 
      h1, h2 { margin: 3px 0; }
      
    Code:
    $(":header").css({ background:'#CCC', color:'blue' });