Maison  >  Article  >  interface Web  >  jQuery : exemple d'utilisation du sélecteur gt_jquery

jQuery : exemple d'utilisation du sélecteur gt_jquery

WBOY
WBOYoriginal
2016-05-16 16:23:421608parcourir

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

Ce sélecteur fait correspondre tous les éléments avec un index supérieur à l'index donné.
La valeur minimale de l'indice commence à 0.

Structure grammaticale :

Copier le code Le code est le suivant :
$(":gt(index)")

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:gt(0)").css(" couleur", "bleu")

Le code ci-dessus peut définir la couleur de la police dans l'élément li avec un indice supérieur à 0 sur vert.
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, $(":gt") est équivalent à $("*:gt").

Liste des paramètres :

参数 描述
index 给定的索引值

Exemple de code :

Copier le code Le code est le suivant :






Accueil du script





  • zone html

  • div zone css

  • Zone jQuery

  • Zone Javascript






Le code ci-dessus peut définir la couleur de police dans l'élément li dont la valeur d'index est supérieure à 0 dans la collection d'éléments li sur bleu.

Exemple 2 :

Copier le code Le code est le suivant :





Accueil du script





  • zone html

  • div zone css

  • Zone jQuery

  • Zone Javascript







Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :gt, il est utilisé par défaut avec le sélecteur *. Par conséquent, le code ci-dessus peut sélectionner tous les éléments du document actuel qui ont une valeur d'index supérieure. que 1. La couleur de la police est définie sur bleu.

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

Déclaration:
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