Maison > interface Web > js tutoriel > Dans jQuery : contient l'utilisation du sélecteur example_jquery

Dans jQuery : contient l'utilisation du sélecteur example_jquery

WBOY
Libérer: 2016-05-16 16:23:15
original
1210 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation du sélecteur contain 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 contenant le texte donné.
Syntaxe :

Copier le code Le code est le suivant :
$(":contains(text)")

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 :
$("li:contains('html')").css ("couleur", "bleu")

Le code ci-dessus définit la couleur de police de l'élément li contenant "html" dans le texte 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, $(":contains") est équivalent à $("*:contains").
Liste des paramètres :

参数 描述
text 一个用以查找的字符串。

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :






Accueil du script





  • zone html

  • div zone css

  • Zone Jquery

  • Zone Javascript

  • zone html5


Cliquez pour voir l'effet



Le code ci-dessus peut définir la couleur du texte dans l'élément li contenant "html" sur bleu.

Exemple 2 :

Copier le code Le code est le suivant :





Accueil du script





  • zone html

  • div zone css

  • Zone Jquery

  • Zone Javascript

  • zone html5


Accueil du script

Cliquez pour voir l'effet




Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :even, il est utilisé avec le sélecteur * par défaut.

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal