Maison  >  Article  >  interface Web  >  La méthode jQuery CSS() modifie le style CSS existant sheet_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:36:401291parcourir

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'

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);

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")

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()方法的两个函数使用用逗号分隔

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.

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