• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • :header

    选择所有标题元素,像h1, h2, h3 等.

    jQuery(":header")

    注意

    • 因为:header()是一个 jQuery 延伸出来的一个选择器并且不是的CSS规范的一部分,使用:header()查询不能充分利用原生DOM提供的querySelectorAll()方法来提高性能。为了在现代浏览器上获得更佳的性能,请使用.filter(":header")代替。

    例子

    在页面上的所有的标题元素上添加背景和文本颜色。

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      body { font-size: 10px; font-family: Arial; }
      h1, h2 { margin: 3px 0; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.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>
    

    上篇::not(selector)

    下篇::target