jQuery選擇器:header的使用詳解

概述

符合如h1, h2, h3之類的標題元素

範例

描述:

給頁內所有標題加上背景色

HTML 程式碼:

<h1>Header 1</h1> <p>Contents 1</p> <h2>Header 2</h2> <p>Contents 2</p>

jQuery 程式碼:

$(":header").css("background", "#EEE");

結果:
##

[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]

此選擇器能夠匹配標題元素，即(h1-h6)。

語法結構:

$(":header")

此選擇器一般也要和其他選擇器配合使用，例如

類別選擇器和元素選擇器等等。例如:

$(".qiantai:header").css("color","blue")

以上程式碼能夠將類別名稱為qiantai的標題元素中的字體顏色設定為藍色。

如果不和其他選擇器配合使用，則預設狀態是和*選擇器一起使用，例如$(":header")等同於$("*: header")。

實例程式碼:

實例一:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

#以上程式碼可以class屬性值為qiantai的標題元素中的文字顏色設定為藍色。

實例二:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

由於以上程式碼並沒有指定與:header選擇器相符使用的選擇器，所以就預設與*選擇器搭配使用，於是以上程式碼可以將目前文件中所有元素中的標題元素的文字顏色設定為藍色。

以上是jQuery選擇器:header的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！