本文實例講述了jQuery中:last-child選擇器用法。分享給大家供大家參考。具體分析如下: 此選擇器能夠符合父元素的最後一個子元素。 注意:last只選取一個元素,而此選擇子將符合每個父元素的最後一個子元素。 語法結構: 複製程式碼 代碼如下: $(":last-child") $(":last-child") $(":last-child")$(":last-child")$(":last-child")$(":last-child") 此選擇器一般也要和其他選擇器搭配使用,例如類別選擇器、元素選擇器等等。例如: 複製程式碼 程式碼如下: $("li:last-child").css("color"," blue") 以上程式碼能夠將父元素下最後一個li元素中的字體顏色設定為藍色。 注意:這裡有必要結合上面的程式碼再對概念進行一下說明。這裡所說的父元素不是li,而是li的父元素。很多人往往誤以為是匹配li元素的子元素中的最後一個元素。 實例碼: 複製程式碼 程式碼如下: 腳本之家 <br /> $(document).ready(function(){ <br /> $("button").click(function(){ <br /> $("li:last-child").css("color","blue") <br /> }) <br /> }) <br /> ASP教學 ASP.NET教學 PHP教學 html教學 DIV CSS教學 jQUERY教學 jAVAScript教學 點選查看效果 希望本文所述對大家的jQuery程式設計有所幫助。