首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:23:10
原創
1350 人瀏覽過

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

此選擇器符合元素集合中的最後一個元素。

語法結構:

複製程式碼 程式碼如下:
$(":last")

此選擇器一般和其他的選擇器搭配使用,例如類別選擇器和元素選擇器等等
。例如: 程式碼如下:
$("li:last").css("color","green" )

以上程式碼能夠將li元素集合中的最後一個li元素中的字體顏色設定為綠色。 如果不和其他選擇器配合使用,則預設狀態是和*選擇器配合使用,例如$(":last")等同於$("*:last")。

實例碼:

實例一:

程式碼如下:







腳本之家





 

       
  • html專區

  •    
  • div css專區

  •    
  • jQuery專區

  •    
  • Javascript專區

  •  




[/size]
[size=2]

以上程式碼可以將li元素集合中最後一個li元素中的字體顏色設定為綠色。

實例二:

程式碼如下:







腳本之家





 

       
  • html專區

  •    
  • div css專區

  •    
  • jQuery專區

  •    
  • Javascript專區

  •  

 

     腳本之家
 




由於沒有指定選擇器與:last選擇器搭配使用,所以將會預設與*選擇器配對使用,所以將會讓button按鈕中的字型顏色設為綠色。

希望本文所述對大家的jQuery程式設計有所幫助。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板