当前位置: 首页>>代码示例>>用法及示例精选>>正文


jQuery :header用法及代码示例

:header Selector用于选择从(<h1>到<h6>)的所有标题元素。

用法:

$(":header") 

例:将所有标题的颜色更改为绿色。



<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
    <script> 
        $(document).ready(function() { 
            $(":header").css( 
                "color", "green"); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
        <h2>jQuery:header Selector 
      </h2> 
  
        <div style="color:orange;"> 
            GeeksForGeeks 
        </div> 
        <h5>A computer science  
          portal for geeks. 
      </h5> 
        <p style="color:dodgerblue"> 
            Sudo Placement 
        </p> 
        <p>GFG</p> 
    </center> 
</body> 
  
</html>

输出:

支持的浏览器:下面列出了jQuery:Header Selector支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari



相关用法

注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 jQuery | :header Selector。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。