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

小云云
小云云original
2017-11-21 14:11:352024parcourir

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");

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"});

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

Obtenez le dernier li sous ul

$("ul li:last-child")

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!

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