jqueryはeqメソッドをサポートしていないのでしょうか？-フロントエンドQ&A-php.cn

jqueryはeqメソッドをサポートしていないのでしょうか？

WBOY

リリース： 2022-06-24 17:22:13

オリジナル

1422 人が閲覧しました

jquery は eq メソッドをサポートしています。このメソッドは、選択した要素の指定されたインデックス番号を持つ要素を返すことができます。要素のインデックス番号は 0 から始まり、構文は「element object.eq(index)」です。 "; メソッド内このパラメーターは要素のインデックスを指定するために使用され、整数または負の数値に設定できます。パラメーターが負の数値に設定されている場合、インデックスは選択した要素の末尾から計算されます。要素。

jqueryはeqメソッドをサポートしていないのでしょうか？

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery は eq メソッドをサポートします

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>

ログイン後にコピー

プレビュー効果は図に示すとおりです

jqueryはeqメソッドをサポートしていないのでしょうか？

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 サイトの他の関連記事を参照してください。