首頁 > web前端 > js教程 > jQuery中:lt選擇器用法實例_jquery

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

WBOY
發布: 2016-05-16 16:23:38
原創
1156 人瀏覽過

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

此選擇器會符合所有小於給定索引值的元素。
索引值最小是從0開始的。

語法結構:

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

$(":lt(index)")

此選擇器一般也要和其他選擇器搭配使用,例如類別選擇器和元素選擇器等等。 例如: 複製程式碼
程式碼如下:

$("li:lt(3)").css("color", "blue")

以上程式碼能夠將索引小於3的li元素中的字體顏色設定為藍色。 如果不和其他選擇器配合使用,則預設狀態是和*選擇器一起使用,例如$(":lt")等同於$("*:lt")。

参数 描述
index 给定的索引值。
參數列表:

實例碼:

實例一:

複製程式碼 程式碼如下:






腳本之家





     
  • html專區

  •  
  • div css專區

  •  
  • jQuery專區

  •  
  • Javascript專區





以上程式碼可以將li元素集合中,索引值小於3的li元素中的字體顏色設定為藍色。

實例二:

複製程式碼 程式碼如下:






腳本之家





     
  • html專區

  •  
  • div css專區

  •  
  • jQuery專區

  •  
  • Javascript專區






由於上述程式碼並沒有指定與:lt選擇器相配合使用的選擇器,所以就預設和*選擇器配合使用,於是以上程式碼可以將目前文件中所有元素中索引值小於11的的元素的邊框顏色設定為紅色。

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

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