简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

如何用jquery选择节点下的第几个子元素

藏色散人
Libérer： 2020-12-18 10:33:29
original
3108 人浏览过

用jquery选择节点下的第几个子元素的方法：首先打开相应的代码文件；然后在jquery中使用“:eq()”选择器选择节点下的指定子元素即可，其语法如“$("p:eq(1)").css("background-color"...)”。

如何用jquery选择节点下的第几个子元素

本教程操作环境：windows7系统、jquery1.12.0版本，该方法适用于所有品牌电脑。

推荐：《jquery视频教程》

jquery中可以使用:eq()选择器选择节点下的指定子元素，:eq()选择器选取带有指定index值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。

此方法经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素。

示例：





 







Welcome to My Homepage


My name is Donald


I live in Duckburg


My best friend is Mickey



Who is your favourite:

    

  • Goofy
    • 

  • Mickey
    • 

  • Pluto
    •
Copier après la connexion

以上是如何用jquery选择节点下的第几个子元素的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
jquery
source：php.cn
Article précédent：jq如何判断css是否存在 Article suivant：react中怎么遍历对象
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
jQuery obtient une mauvaise valeur lors de l'obtention de l'attribut de données J'ai un div avec l'attribut data <divclass='p1'data-location='1'></div> J'ai u...
Depuis 2023-11-01 23:01:19
0
1
209
Prise en charge du codage de transfert de jQuery : fragmenté Je suis développeur Web. Dans mon script, j'utilise header() pour définir "Transfer-E...
Depuis 2023-10-25 23:44:37
0
1
230
Comment obtenir les dimensions naturelles d'une image en utilisant JavaScript ou jQuery ? Jusqu'à présent, j'ai ce code : varimg=document.getElementById('draggable'); varwidth=img....
Depuis 2023-10-21 13:53:08
0
2
275
Agrandir automatiquement la zone de texte J'essaie de créer une simple zone de texte à expansion automatique. Voici mon code : texta...
Depuis 2023-10-21 08:49:23
0
2
225
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！