當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。