Exemple d'utilisation de la méthode css() de jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode css() de jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode renvoie ou définit un ou plusieurs attributs de style de l'élément correspondant.

Structure grammaticale :

Grammaire 1 :
Obtenez la valeur de l'attribut de style spécifié.
Prenez le nom de l'attribut de style comme paramètre. Par exemple :

Copier le code Le code est le suivant :

$("div").css("color")

Le code ci-dessus peut obtenir la valeur de couleur de police du div.
Exemple de code :

Copier le code Le code est le suivant :

Accueil du script

Cliquez pour voir l'effet

Cliquez sur le bouton ici pour afficher la valeur de couleur de police définie pour le div.

Grammaire 2 :

Définissez une valeur d'attribut de style pour tous les éléments correspondants. Par exemple :

Copier le code Le code est le suivant :

$("div").css("color","red ")

Le code ci-dessus peut définir la couleur de police de tous les div sur rouge. Tout le monde doit faire attention au format d'écriture. Le nom de l'attribut et la valeur de l'attribut doivent être placés dans des banques et séparés par des virgules. Si la valeur de l'attribut est un nombre, vous pouvez supprimer les guillemets, par exemple :

Copier le code Le code est le suivant :

$("div").css("font-size", 20)

Exemple de code :

Copier le code Le code est le suivant :

Vérifiez attentivement les modifications

Vérifiez attentivement les modifications

Cliquez pour voir l'effet

Dans le code ci-dessus, cliquer sur le bouton peut définir la couleur du texte dans le div sur rouge.

Grammaire 3 :

Utilisez l'objet "nom/valeur de l'attribut" pour définir l'attribut de style pour tous les éléments correspondants. Par exemple :

Copier le code Le code est le suivant :

$("div").css({color:"red" })

Le code ci-dessus peut définir la couleur de police de tous les éléments div sur rouge. Vous pouvez également définir plusieurs ensembles d'attributs pour les éléments correspondants en même temps à l'aide de la méthode objet « nom/valeur de l'attribut ». Par exemple :

Copier le code Le code est le suivant :

$("div").css({color:"red" ,Taille de la police : 20})

Le code ci-dessus peut définir la couleur et la taille de la police dans le div sur rouge et 20 px respectivement. Lors de la définition de la taille de la police sans unité, l'unité par défaut est px. Tout le monde doit faire attention au format. À l'heure actuelle, le nom de l'attribut ne peut pas être mis entre guillemets et la valeur de l'attribut doit être placée entre guillemets. Cependant, si la valeur de l'attribut est un nombre, les guillemets peuvent être omis. . Une attention particulière doit être accordée au fait que les noms d'attributs tels que font-size et background-color doivent supprimer la barre horizontale (-) au milieu et que la première lettre du deuxième mot doit être en majuscule. Par exemple, font-size. doit être écrit comme fontSize et background-color doit être écrit comme backgroundColor .

Copier le code Le code est le suivant :

Vérifiez attentivement les modifications

Vérifiez attentivement les modifications

Cliquez pour voir l'effet

Dans le code ci-dessus, cliquer sur le bouton peut modifier la couleur du texte et la taille de la police dans le div.

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