Maison > base de données > tutoriel mysql > Méthode jQuery pour faire fonctionner le Nième élément

Méthode jQuery pour faire fonctionner le Nième élément

小云云
Libérer: 2017-11-21 14:11:35
original
1981 Les gens l'ont consulté

jQuery est une bibliothèque JavaScript multi-navigateurs qui simplifie les opérations entre HTML et JavaScript. La première version a été publiée par John Resig au BarCamp NYC en janvier 2006. Il est actuellement développé par une équipe de développement dirigée par Dave Methvin. Parmi les 10 000 sites Web les plus visités au monde, 59 % utilisent jQuery, qui est actuellement la bibliothèque JavaScript la plus populaire. Dans cet article, nous expliquerons une petite astuce, comment jQuery exploite le Nième élément du même groupe d'éléments.

Par exemple :

Il y a 3 uls sous class="phpernote". Maintenant, je veux ajouter class="com" au cinquième élément li sous chaque ul

Code jQuery spécifique :

 $(".phpernote ul li:nth-child(5)").addClass("com");
Copier après la connexion

Avoir ajouté avec succès la classe com au cinquième li sous chaque ul

Bien sûr, vous pouvez également ajouter directement du code CSS :

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});
Copier après la connexion

ntième-enfant : L'abréviation en anglais, n-ième, indique quel nombre, 1, 2 et 3 sont représentés respectivement par les mots premier, deuxième et troisième. À partir de 4, c'est le mot +ième du nombre. , comme 4ème, 5ème, 6ème, etc.

Obtenez le premier li sous ul

$("ul li:first-child")
Copier après la connexion

Obtenez le dernier li sous ul

$("ul li:last-child")
Copier après la connexion

Ce qui précède est la même opération jquery, je vais expliquer la méthode de regroupement du Nième élément des éléments, j'espère que cela sera utile à tout le monde.

Recommandations associées :

Résumé des compétences de l'opération Jquery ul

Explication détaillée des trois méthodes de style CSS de l'élément d'exploitation jQuery

Opération jQuery avancée sur le Web, éléments DOM&&opération d'enregistrement MySQL&¬es d'apprentissage orientées objet PHP

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal