jQuery_jqueryでのslice()メソッドの使用例

この記事の例では、jQuery でのスライス() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素セットのサブセットを選択できます。

文法構造:

コードをコピー コードは次のとおりです:

$(selector).slice(start, end)

パラメータリスト:

参数	描述
start	开始选取子集的位置。第一个元素索引是0.如果是负数，则从集合的尾部开始选起。
end	结束选取子集的位置，如果不指定，则就是匹配元素集的结尾。

コード例:

例 1:

最初の要素を選択します

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").slice(0,1).css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

例 2:

最初の 2 つの要素を選択します

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").slice(0,2).css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

例 3:

2 番目の要素を選択します

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").slice(1,2).css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

例 4:

最後の要素を選択してください

コードをコピー コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").slice(-1).css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

この記事が皆さんの jQuery プログラミングに役立つことを願っています。