jQuery slice()
此方法可以選取匹配元素集的子集。
返回值是新生成的包含選取元素的jQuery物件。
jQuery1.1.4版本新增。
語法結構:
[JavaScript] 純文字檢視 複製程式碼$(selector).slice(start, end)
引數解析:
(1).start:選取子集的開始位置(從0開始計數)。如果指定的下標是一個負數,那麼從末尾開始計數。
(2).end:選取子集的結束位置(從0開始計數,且不包含此位置元素)。如果指定的下標是一個負數,那麼代表從末尾開始計數,如果不指定,就是集合的結尾。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").slice(0,1).css("color","red") }) </script> </head> <body> <div> <ul> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> </div> </body> </html>
選取索引值從0-1的li元素,所以會將第一個li元素字型顏色設定為紅色。
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").slice(-3,-1).css("color","red") }) </script> </head> <body> <div> <ul> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> </div> </body> </html>
從倒數第一個開始計數,-3表示倒數第三個元素,-1表示倒數第一個元素。
相關文章
- jQuery遍歷-slice()方法jQuery
- jQuery中過濾方法slice()方法如何使用?jQuery
- slice 物件物件
- Golang Slice技巧Golang
- JavaScript 字串slice()JavaScript字串
- JavaScript 字串 slice()JavaScript字串
- go slice使用Go
- javascript slice() 方法JavaScript
- JavaScript 陣列slice()JavaScript陣列
- JavaScript 陣列 slice()JavaScript陣列
- go map 和 sliceGo
- golang slice效能分析Golang
- Go中的切片SliceGo
- tf.strided_slice()IDE
- Array.prototype.slice.call
- day05 切片slice
- 深入理解go的slice和到底什麼時候該用sliceGo
- Python標準庫:內建函式slice(stop) slice(start, stop[, step])Python函式
- 深度解密Go語言之Slice解密Go
- 【Go】深入剖析slice和arrayGo
- 【Go】深入剖析 slice 和 arrayGo
- Array、Slice、Map原理淺析
- 【Go語言基礎】sliceGo
- golang slice 和 string 重用Golang
- javascript array.property.slice.callJavaScript
- Go 語言中的 切片 --sliceGo
- Golang slice 從原始碼來理解Golang原始碼
- 解析Array.prototype.slice.call(argume
- GO 中 slice 的實現原理Go
- Ability跳轉指定Slice的方法
- golang 之slice 變長陣列Golang陣列
- 區分slice,splice和split方法
- javascript學習筆記--splice、sliceJavaScript筆記
- 每日原始碼分析 – lodash(slice.js)原始碼JS
- 你知道[ ].slice.call()的原理嗎?
- Go 切片 slice - Go 學習記錄Go
- Go面試必考題目之slice篇Go面試
- Go slice切片的“陷阱”和本質Go