Que signifie eq dans jquery-js tutoriel-php.cn

Que signifie eq dans jquery

WBOY

Libérer： 2021-12-13 11:01:00

original

5970 Les gens l'ont consulté

eq signifie : 1. Sélecteur ":eq()", qui peut sélectionner des éléments avec une valeur d'index spécifiée. La syntaxe est "$(":eq(index)")" 2. "eq ()" méthode de parcours. , cette méthode peut renvoyer l'élément avec le numéro d'index spécifié par l'élément sélectionné, la syntaxe est "$(element).eq(index)".

Que signifie eq dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Que signifie eq dans jquery

1. Cela signifie : sélecteur eq().

: le sélecteur eq() sélectionne les éléments avec la valeur d'index spécifiée.

Les valeurs d'index commencent à 0 et la valeur d'index de tous les premiers éléments est 0 (et non 1).

Souvent utilisé avec d'autres éléments/sélecteurs pour sélectionner des éléments avec un numéro de séquence spécifique dans un groupe spécifié.

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> 
 
$(document).ready(function(){
    $("p:eq(1)").css("background-color","#B2E0FF");
});
 
</script>
 
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
 
 
</body>
</html>

Copier après la connexion

Résultat de sortie :

Que signifie eq dans jquery

2 Il représente la méthode de parcours 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).

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").eq(1).css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<p>我的名字叫Donald (下标 0).</p>
<p>Donald Duck (index 1).</p>
<p>我住在 Duckburg (index 2).</p>
<p>我最好的朋友是 Mickey (index 3).</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Que signifie eq dans jquery