jQuery :header 选择器

实例

选择所有标题元素 (h1 至 h6):

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $(":header").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h1>欢迎来到我的主页</h1>
  13. <h2>我精彩的主页</h2>
  14. <h3>它很棒!</h3>
  15. <p class="intro">我的名字叫 Donald.</p>
  16. <p>我居住在 Duckburg.</p>
  17. <p>我最好的朋友是 Mickey.</p>
  18. <p>谁是你最喜欢的:</p>
  19. <ul id="choose">
  20. <li>Goofy</li>
  21. <li>Mickey</li>
  22. <li>Pluto</li>
  23. </ul>
  24. </body>
  25. </html>

定义与用法

:header 选择器选择所有标题元素 (h1 至 h6)。


语法

  1. $(":header")

分类导航