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

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

このメソッドは、一致する要素セット上の対応する位置インデックスを持つ要素を取得できます。
一致する要素セット内の要素の位置インデックスは 0 から始まります。

文法構造:

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

$(selector).eq(index)

パラメータリスト:

参数	描述
index	定义元素在元素集中的索引，从零开始的。 如果是负数则从最后一个元素往回计数。 越界无效。

コード例:

例 1:

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

<頭>




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

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

インデックス 1 の li 要素のフォントの色を青に設定します。

例 2:

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

<頭>





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

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

インデックスが負の場合、最後の要素から逆算します。

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