Comment rechercher des éléments enfants avec jQuery_jquery

L'exemple de cet article décrit comment jQuery recherche les éléments enfants. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

1. Méthode enfants()

est utilisé pour obtenir un ensemble d'éléments contenant tous les sous-éléments de chaque élément dans l'ensemble d'éléments correspondant. Le format de syntaxe est le suivant :
.

Copier le code Le code est le suivant :

enfants([sélecteur])
$("#menu_ul").children().css("color", "blue");

2. Méthode find()

est utilisé pour rechercher les éléments descendants qui correspondent à l'expression de sélecteur spécifiée à partir de chaque élément correspondant. Le format est le suivant :
.

Copier le code Le code est le suivant :

trouver([sélecteur])
$("ul").find("span").css("color", "blue");//Définissez l'élément de texte de l'élément span sous l'élément ul sur bleu

L'exemple de code est le suivant :

Copier le code Le code est le suivant :

$(document).ready(function(){
$("#login").children("input").css("background","#FCF");//Définissez la couleur d'arrière-plan pour les éléments enfants directs de l'élément div
$("#login").contents().css("color","red"); //Définit la couleur du texte de l'octet d'élément spécifié
$("#tab").find("td").css("border","1px solid blue").css("color","Green");//Définir l'élément td sous l'élément div spécifié Couleur de la bordure et de la police
})

Rechercher les éléments enfants de l'élément spécifié

​​​​​ Nom d'utilisateur : Mot de passe : & Lt; div & gt; & lt; type d'entrée = "soumettre" valeur = "connexion"/& gt; type d'entrée = "réinitialiser"/& gt;/div & gt; >

Cellule Cellule Cellule Cellule Cellule Cellule Cellule Cellule Cellule Cellule

Le rendu est le suivant :

J'espère que cet article sera utile à la programmation jQuery de chacun.