jQuery中:only-child選擇器用法實例_jquery

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

此選擇器將符合父元素的唯一子元素。如果其父元素中含有其他元素，則不會被符合。

語法結構:

複製程式碼 程式碼如下:

$(":only-child")

$(":only-child")

此選擇器一般也要和其他選擇器配合使用，例如類別選擇器、元素選擇器等等。例如：

複製程式碼

程式碼如下:

$("li:only-child").css("color"," blue")

以上程式碼能夠將只有一個li元素的ul元素下的li元素中的字體顏色設定為藍色。

注意:

這裡有必要結合上面的程式碼再對概念進行一下說明。這裡所說的父元素不是li，而是li的父元素。很多人往往誤以為是匹配li元素的子元素中的最後一個元素。

實例碼:

複製程式碼

程式碼如下:

 

   
• ASP教學

 

 

   
• html教學

   
• DIV CSS教學

   
• jQUERY教學

   
• jAVAScript教學

 

點選查看效果

希望本文所述對大家的jQuery程式設計有所幫助。