Maison > Article > interface Web > Comment sélectionner l'élément enfant sous un nœud à l'aide de jquery

Comment sélectionner l'élément enfant sous un nœud à l'aide de jquery

藏色散人original: 2020-12-18 10:33:293225parcourir

Comment utiliser jquery pour sélectionner le sous-élément sous le nœud : ouvrez d'abord le fichier de code correspondant ; puis utilisez le sélecteur ":eq()" dans jquery pour sélectionner le sous-élément spécifié sous le nœud. La syntaxe est "$("p:eq(1)").css("background-color"...)".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.12.0, cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo jquery"

Vous pouvez utiliser le sélecteur :eq() dans jquery pour sélectionner le sous-élément spécifié sous le nœud, :eq() Le sélecteur sélectionne les éléments avec une valeur d'index spécifiée. Les valeurs d'index commencent à 0 et tous les premiers éléments ont une valeur d'index de 0 (et non de 1).

Cette méthode est souvent utilisée 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é.

Exemple :

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

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment jq détermine-t-il si le CSS existe ?Article suivant：Comment jq détermine-t-il si le CSS existe ?

Articles Liés

Voir plus