Maison > interface Web > js tutoriel > Exemples d'utilisation de la chaîne jQuery dans applications jQuery_jquery

Exemples d'utilisation de la chaîne jQuery dans applications jQuery_jquery

WBOY
Libérer: 2016-05-16 16:19:24
original
996 Les gens l'ont consulté

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

Souvent, nous pouvons lier des instructions jQuery entre elles, ce qui non seulement réduit la longueur du code, mais permet également souvent d'obtenir des effets spéciaux. Regardez d’abord le code suivant :

Copier le code Le code est le suivant :

Le code ci-dessus ajoute le style css1 à l'ensemble de la liste

, puis la filtre, puis ajoute le style css2 individuellement aux éléments filtrés. Sans jQuery, il serait très difficile d’obtenir les effets ci-dessus.

Dans la chaîne jQuery, les opérations suivantes prennent le résultat de l'opération précédente comme objet. Si vous souhaitez que l'objet de l'opération soit l'objet de l'étape précédente, vous pouvez utiliser la méthode end().

Utilisez la méthode end() pour contrôler la chaîne jQuery.

Copier le code Le code est le suivant :

Bonjour,commentallez-vous ?


très sympa,Merci.

Le code ci-dessus recherche la balise dans

, puis ajoute le style css1, utilise la méthode end() pour redéfinir l'objet d'opération sur $("p") et ajoute le style style css2.

De plus, vous pouvez également combiner les deux objets précédents via andSelf() et les traiter ensemble.

Utilisez la méthode andSelf() pour contrôler la chaîne jQuery.

Copier le code Le code est le suivant :


Premier paragraphe


Deuxième paragraphe


Le code jQuery ci-dessus recherche d'abord la balise

dans

, ajoute css1. Ce style n'est valable que pour la balise

, puis utilise la méthode andSelf() pour séparer

div> et

Combinez-les ensemble, puis ajoutez le style css2. Ce style est valable à la fois pour

.

Effet :

Copier le code Le code est le suivant :

Premier paragraphe


Deuxième paragraphe


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