Méthode d'utilisation des fonctions de sélection HTML avec jQuery

Avec jQuery, il est facile de sélectionner des éléments HTML. Mais parfois, lorsque la structure HTML est complexe, extraire les éléments que nous avons sélectionnés peut être une tâche difficile.

1、children

Cette fonction obtient tous les sous-éléments directs d'un ensemble d'éléments.

Donner une expression de sélection à children() restreint les résultats du choix à l'élément sélectionné;

Si children() ne reçoit aucun paramètre, il retourne tous les sous-éléments directs; il ne retourne pas les éléments arrière-petits.

2、filter

Cette fonction filtre les éléments d'un ensemble en passant une expression de sélection. Toute élément qui ne correspond pas à cette expression sera supprimé de l'ensemble sélectionné.

3、not

Contraires à filter, not() supprime les éléments correspondants de l'ensemble.

4、add

Si nous voulons ajouter des éléments à l'ensemble, que faire?La fonction add() fait exactement cela.

5、slice

Parfois, nous avons besoin de obtenir un sous-ensemble de l'ensemble en fonction de la position de l'élément dans l'ensemble. slice() est fait pour cela.

Le premier paramètre est la position du premier élément, qui commence à zéro. Il est inclus dans les segments retournés;

Le second paramètre est l'index du premier élément, qui commence à zéro. Il n'est pas inclus dans les segments retournés. Si il est omis, il s'étend jusqu'à la fin de l'ensemble;

6、parent

La fonction parent() sélectionne le parent direct d'un ensemble d'éléments.

7、parents

C'est la forme plurielle, parents() sélectionne tous les ancêtres de l'ensemble. Je veux dire que tous les ancêtres incluent le parent direct jusqu'aux éléments 'body' et 'html'. Par conséquent, il est préférable de restreindre les résultats de la sélection en passant une expression.

8、siblings

Cette fonction sélectionne tous les frères d'un ensemble d'éléments, en passant une expression, vous pouvez filtrer les résultats.

9、prev & prevAll

La fonction prev() sélectionne le noeud frère précédent. prevAll() sélectionne un ensemble d'éléments frères précédents.

10、next & nextAll

Ces fonctions fonctionnent de la même manière que prev et prevAll, mais elles choisissent le frère suivant.

Les méthodes d'itération HTML utilisant jQuery que je partage avec vous sont toutes ici. J'espère que cela vous servira de référence et que vous continuerez à soutenir le tutoriel d'encouragement.