Dans jQuery : a un sélecteur d'utilisation example_jquery

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

Ce sélecteur correspond aux éléments qui contiennent l'élément correspondant par le sélecteur.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":has(selector)")

La définition de ce sélecteur peut être un peu déroutante. En termes simples, si un élément contient un élément correspondant au sélecteur (sélecteur), alors cet élément sera mis en correspondance. Par exemple :

Copier le code Le code est le suivant :

$("div:has(p)")

Le sélecteur ci-dessus correspondra aux éléments div contenant des éléments p.
Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que les sélecteurs de classe, les sélecteurs d'éléments, etc. . Par exemple :

Copier le code Le code est le suivant :

$("div:has(p)").css(" couleur", "bleu")

Le code ci-dessus définit la couleur de police dans l'élément div contenant l'élément p sur bleu.
S'il n'est pas utilisé avec d'autres sélecteurs, l'état par défaut doit être utilisé avec le sélecteur *, par exemple, $(":has") est équivalent à $("*:has").

Liste des paramètres :

参数	描述
selector	一个用于筛选的选择器。

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

Je n'inclus pas span

Je suis span

Cliquez pour voir l'effet

Le code ci-dessus peut définir la couleur de la bordure du div contenant l'élément span sur rouge.
Exemple 2 :

Copier le code Le code est le suivant :

Je n'inclus pas span

Je suis span

Je suis span

Cliquez pour voir l'effet




Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :has, il est utilisé par défaut avec le sélecteur *, de sorte que le code ci-dessus peut définir la couleur de bordure de tous les éléments contenant tous les éléments span sur rouge.

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