jQuery中:header選擇器用法實例_jquery

本文實例講述了jQuery中header選擇器用法。分享給大家供大家參考。具體分析如下：

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

語法結構:

複製程式碼 程式碼如下:

$(":header")

$(":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程式設計有所幫助。