Utilisation du sélecteur de filtre de contenu jQuery Analysis_jquery

L'exemple de cet article décrit l'utilisation du sélecteur de filtre de contenu jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Dans un document HTML, le contenu d'un élément peut être du texte ou des sous-éléments. Si un certain sélecteur ou sélecteur de filtrage de contenu est utilisé ensemble, vous pouvez filtrer davantage les éléments avec un

donné à partir des éléments interrogés.

Éléments de texte ou de sous-éléments

1. :contains() sélecteur

permet de sélectionner tous les éléments contenant le texte donné, format :

Copier le code Le code est le suivant :

$( "sélecteur1:contient(texte)")

Par exemple :

Copier le code Le code est le suivant :

$("p:contains('text ')") .css("background", "#FCF");

2. Sélecteur :has()

permet de filtrer les éléments contenant un sous-élément donné, format :

Copier le code Le code est le suivant :

$(" selector1:has(selector2)")

selector1 et selector2 sont des éléments valides

Par exemple :

Copier le code Le code est le suivant :

$("li:has(p) ").css ("fond", "rouge");

3. Sélecteur :empty()

Format :

Copier le code Le code est le suivant :

$("selector:empty")

est utilisé Sélectionnez tous les éléments qui ne contiennent pas d'éléments enfants ou de texte. Tous les éléments vides du sélecteur qui ne contiennent pas d'éléments enfants ou de texte seront inclus dans les résultats de la requête

Par exemple :

Copier le code Le code est le suivant :

$("td:empty"). css("fond", "#FCF");

4. :sélecteur de parents

Format :

Copier le code Le code est le suivant :

$("selector:parent")

est utilisé Sélectionne les éléments contenant des éléments enfants ou du texte, qui est l'opposé du sélecteur vide

Par exemple :

Copier le code Le code est le suivant :

$("td:parent"). css("fond", "#FCF");

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