首頁 > web前端 > js教程 > jQuery中index()方法用法實例_jquery

jQuery中index()方法用法實例_jquery

WBOY
發布: 2016-05-16 16:24:16
原創
1371 人瀏覽過

本文實例講述了jQuery中index()方法用法。分享給大家供大家參考。具體分析如下:

此方法可以搜尋符合元素,並傳回元素的索引值。
索引值是從0開始的。

語法結構一:

當此方法沒有參數的時候,傳回值是指定元素在其同儕元素集合中的索引位置。

複製程式碼 程式碼如下:
$(selector).index()

實例碼:

實例一:

複製程式碼 程式碼如下:






index()函數-腳本之家

腳本之家





 

       
  • 後台專區

  •    
  • 前台專區

  •    
  • 資料庫專區

  •    
  • 站長溝通

  •  


目前li元素的位置:0




上面程式碼能夠回傳類別名為qian的li元素在其同儕元素集合中的索引值,看到這裡大家可能有這樣的疑問,所謂同儕元素是否是同類元素,也就是說li元素在li元素集合中的索引值。

實例二:

複製程式碼 程式碼如下:






index()函數-腳本之家

腳本之家





 

       
  • 後台專區

  •    
  • 前台專區

  •    
  • 資料庫專區

  •    
  • 站長溝通

  •     搜尋最佳化
     


目前li元素的位置:0




由以上的程式碼可以看出,並非只是同類元素,而是所有的同儕元素。

語法結構二:

當方法的參數為DOM物件或jQuery物件時,傳回值是此DOM物件或jQuery物件在指定的元素集合中索引。
如果在指定的元素集合中找不到指定的DOM物件或jQuery對象,那麼傳回值為-1。

複製程式碼 程式碼如下:
$(selector).index(element)

參數列表:

参数 描述
element 获得index位置的DOM对象或者jQuery对象。

實例碼:

實例一:

複製程式碼 程式碼如下:






index()函數-腳本之家

腳本之家





 

       
  • 後台專區

  •    
  • 前台專區

  •    
  • 資料庫專區

  •    
  • 站長溝通

  •  


目前li元素的位置:0




實例二:

因為找不到符合的元素,所以回傳值是-1.

複製程式碼 程式碼如下:






index()函數-腳本之家

腳本之家





 

       
  • 後台專區

  •    
  • 前台專區

  •    
  • 資料庫專區

  •    
  • 站長溝通

  •     搜尋最佳化
     


目前li元素的位置:0




語法結構三:

當方法的參數為選擇器時,將會從透過此選擇器所獲得的物件集合中尋找元素。

複製程式碼 程式碼如下:
$(selector).index(Jqselector)

參數列表:

参数 描述
Jqselector 选择器,将会从通过此选择器获得的对象中查找元素。

實例碼:

複製程式碼 程式碼如下:






index()函數-腳本之家

腳本之家





 

       
  • 後台專區

  •    
  • 前台專區

  •    
  • 資料庫專區

  •    
  • 站長溝通

  •     搜尋最佳化
     


目前li元素的位置:0




上述程式碼會取得id值為qian的li元素在透過li選擇器取得li物件集合中的索引位置。

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

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