用法
.slice( start [, end ] ) => jQuery
.slice( start [, end ] ) => jQuery
說明:將匹配元素集減少為由一係列索引指定的子集。
-
添加的版本:1.1.4
.slice( start [, end ] )
給定一個表示一組 DOM 元素的 jQuery 對象,.slice()
方法構造一個新的 jQuery 對象,其中包含由 start
和可選的 end
參數指定的元素的子集。提供的start
索引標識集合中元素之一的位置;如果省略end
,則該元素之後的所有元素都將包含在結果中。
考慮一個帶有簡單列表的頁麵:
|
我們可以將此方法應用於列表項集:
|
此調用的結果是項目 3、4 和 5 的紅色背景。請注意,提供的索引是從零開始的,並且是指元素在 jQuery 對象中的位置,而不是在 DOM 樹中。
end 參數允許我們進一步限製所選範圍。例如:
|
現在隻選擇了項目 3 和 4。該 index 再次從零開始;範圍擴展到但不包括指定的索引。
負 index
jQuery .slice()
方法是在 JavaScript .slice() 數組方法之後設計的。它模仿的函數之一是能夠將負數作為start
或end
參數傳遞。如果提供了負數,則表示從集合末尾開始的位置,而不是開頭。例如:
|
這次隻有列表項 4 變為紅色,因為它是距離末尾兩個 (-2
) 和末尾一個 (-1
) 之間的唯一項。
例子:
根據隨機切片將 div 變為黃色。
|
演示:
選擇所有段落,然後對選擇進行切片以僅包含第一個元素。
|
選擇所有段落,然後對選擇進行切片以僅包含第一個和第二個元素。
|
選擇所有段落,然後對選擇進行切片以僅包含第二個元素。
|
選擇所有段落,然後對選擇進行切片以僅包含第二個和第三個元素。
|
選擇所有段落,然後對選擇進行切片以僅包含第三個元素。
|
相關用法
- JQuery .slideDown()用法及代碼示例
- JQuery .slideUp()用法及代碼示例
- JQuery .slideToggle()用法及代碼示例
- JQuery .scroll()用法及代碼示例
- JQuery UI .show()用法及代碼示例
- JQuery .stop()用法及代碼示例
- JQuery .submit()用法及代碼示例
- JQuery .size()用法及代碼示例
- JQuery .scrollLeft()用法及代碼示例
- JQuery .scrollTop()用法及代碼示例
- JQuery .serialize()用法及代碼示例
- JQuery UI .switchClass()用法及代碼示例
- JQuery .serializeArray()用法及代碼示例
- JQuery .select()用法及代碼示例
- JQuery .siblings()用法及代碼示例
- JQuery .show()用法及代碼示例
- JQuery .jquery用法及代碼示例
- JQuery .add()用法及代碼示例
- JQuery .contextmenu()用法及代碼示例
- JQuery .undelegate()用法及代碼示例
- JQuery .load()用法及代碼示例
- JQuery .contents()用法及代碼示例
- JQuery .empty()用法及代碼示例
- JQuery UI .labels()用法及代碼示例
- JQuery UI .addClass()用法及代碼示例
注:本文由純淨天空篩選整理自jquery.com大神的英文原創作品 .slice()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。