ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryはeqメソッドをサポートしていないのでしょうか?
jquery は eq メソッドをサポートしています。このメソッドは、選択した要素の指定されたインデックス番号を持つ要素を返すことができます。要素のインデックス番号は 0 から始まり、構文は「element object.eq(index)」です。 "; メソッド内 このパラメーターは要素のインデックスを指定するために使用され、整数または負の数値に設定できます。パラメーターが負の数値に設定されている場合、インデックスは選択した要素の末尾から計算されます。要素。
このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
eq() メソッドは、選択された要素の指定されたインデックス番号を持つ要素を返します。
インデックス番号は 0 から始まるため、最初の要素のインデックス番号は 0 (1 ではありません) になります。
構文
$(selector).eq(index)
パラメータの説明
index 必須。要素のインデックスを指定します。整数または負の数を指定できます。
注: 負の数値を使用すると、選択した要素の末尾からインデックスが計算されます。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery.min.js"></script> <script> $(function () { $("li").eq(3).css("color", "red"); }) </script> </head> <body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Vue.js</li> </ul> </body> </html>
プレビュー効果は図に示すとおりです
eq() メソッドの添え字は 0 から始まります、 1 番目の li 要素のインデックスは 0、2 番目の li 要素のインデックスは 1、...、n 番目の要素のインデックスは n-1 です。したがって、$("li").eq(3) は 4 番目の li 要素を選択することを意味します。
$("li").eq(3).css("color", "red");
実際、eq() メソッドは :eq() セレクターに非常に似ています。上記のコードは次と同等です:
$("li:eq(3)").css("color", "red");
友人はこう尋ねます。 :eq() セレクター、なぜ eq() メソッドを作成する必要があるのですか?」実際、セレクターの形式は固定されており、場合によっては効果が乏しく、フィルタリング メソッドを使用すると要素をより柔軟に操作できます。 。言い換えると、フィルタリング メソッドは実際にはセレクターの補足です。
ビデオ チュートリアルの推奨事項:jQuery ビデオ チュートリアル
以上がjqueryはeqメソッドをサポートしていないのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。