Maison > interface Web > js tutoriel > le corps du texte

La méthode jQuery CSS() modifie le style CSS existant sheet_jquery

WBOY
Libérer: 2016-05-16 16:36:40
original
1324 Les gens l'ont consulté

Utilisez la méthode CSS() pour modifier la feuille de style CSS existante. La méthode css() est polyvalente. L'un d'eux accepte deux paramètres d'entrée : l'attribut de style et la valeur de style, séparés par des virgules. Par exemple, pour changer la couleur du lien, vous pouvez écrire le code comme ceci :

$("#61dh a").css('color','#123456');
//选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。
//.css(‘color','#123456');表示把颜色设为'#123456'
Copier après la connexion

Si vous devez modifier plusieurs attributs de style, vous pouvez d'abord définir des variables d'attribut, puis les attribuer directement à la méthode css().

var mycss = {
background: '#EEE',
width: '478px',
margin: '10px 0 0',
padding: '5px 10px',
border: '1px solid #CCC'
};
$("#result").css(divcss);
Copier après la connexion

Le code ci-dessus définit d'abord une variable d'attribut de style CSS "mycss", qui est similaire à la création d'un fichier CSS externe, puis attribue l'attribut au DIV avec l'ID "#result" via la méthode css().
De plus, la méthode css() fournie par jQuery peut également afficher la valeur de l'attribut CSS d'un élément. (École de script www.jb51.net)

Par exemple, pour visualiser la couleur d'un lien, le code est le suivant :

$("#61dh a").css("color")
Copier après la connexion

Vous constaterez que ceci est similaire au premier exemple, mais ici, un seul paramètre (attribut de style) est transmis.
La dernière chose que je veux présenter est de savoir comment définir le style du lien (par exemple : la couleur) après avoir croisé la souris. Vous devez utiliser la méthode de classe d'événement jQuery - hover(). Il convient de noter que la méthode hover() doit définir deux fonctions, l'une lorsque la souris se déplace sur l'autre ; La méthode spécifique est la suivante :

$("#61dh a").css('color','#123456');
$("#61dh a").hover(function(){
$(this).css('color','#999');
},
function(){
$(this).css('color','#123456');
});
//hover()方法的两个函数使用用逗号分隔
Copier après la connexion

Peut-être êtes-vous intelligent et avez-vous remarqué que cette méthode n'est pas simple Haha, en fait, la méthode jQuery hover() n'est pas utilisée pour changer les styles CSS. Dans les applications pratiques, il est recommandé d'utiliser la méthode d'ajout/suppression de CSS pour changer le style du lien lorsque la souris est croisée.

É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