Jquery ne prend-il pas en charge la méthode eq ?-Questions et réponses frontales-php.cn

Jquery ne prend-il pas en charge la méthode eq ?

WBOY

Libérer： 2022-06-24 17:22:13

original

1423 Les gens l'ont consulté

jquery prend en charge la méthode eq ; cette méthode peut renvoyer l'élément avec le numéro d'index spécifié de l'élément sélectionné. Le numéro d'index de l'élément commence à 0 et la syntaxe est "element object.eq(index)" ; dans la méthode sont utilisés Spécifie l'index de l'élément, qui peut être défini sur un nombre entier ou négatif. Lorsque le paramètre est défini sur un nombre négatif, l'index sera calculé à partir de la fin de l'élément sélectionné.

Jquery ne prend-il pas en charge la méthode eq ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

jquery prend en charge la méthode eq

La méthode eq() renvoie l'élément avec le numéro d'index spécifié de l'élément sélectionné.

Les numéros d'index commencent par 0, donc le numéro d'index du premier élément est 0 (et non 1).

Syntaxe

$(selector).eq(index)

Copier après la connexion

Description du paramètre

index Obligatoire. Spécifie l'index de l'élément. Peut être un nombre entier ou négatif.

Remarque : L'utilisation de nombres négatifs calculera l'index à partir de la fin de l'élément sélectionné.

Exemple :

<!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>

Copier après la connexion

L'effet d'aperçu est comme indiqué sur la figure

Jquery ne prend-il pas en charge la méthode eq ?

eq() L'indice de la méthode eq() commence à 0, l'indice du premier élément li est 0 et l'indice de le deuxième élément li est 1,..., l'indice du nième élément est n-1. Par conséquent, $("li").eq(3) signifie sélectionner le 4ème élément li.

$("li").eq(3).css("color", "red");

Copier après la connexion

En fait, la méthode eq() est très similaire au sélecteur :eq(). Le code ci-dessus peut être équivalent à :

$("li:eq(3)").css("color", "red");

Copier après la connexion

Des amis demanderont : "Il existe évidemment un sélecteur :eq(), pourquoi le faire. devons-nous créer une méthode eq() ? "En fait, la forme du sélecteur est fixe, et l'effet d'utilisation sera médiocre dans certains cas, et la méthode de filtrage nous permet de fonctionner de manière plus flexible. élément. En d'autres termes : la méthode de filtrage est en fait un complément au sélecteur

Tutoriel vidéo recommandé :Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!