2010-11-20 6 views
1

Quelle est la meilleure façon de changer le CSS d'un élément en utilisant jquery? J'ai une liste d'éléments affichés un par ligne et je veux les afficher en ligne, dynamically.Should J'utiliseModifier css avec jquery

.css({"properties"}) 

Et écrire un tas de code? D'autres suggestions ? Merci.

+0

pourriez-vous ajouter à quoi ressemble votre CSS? Pas trop sûr de ce que tu veux vraiment? – gideon

Répondre

4

Si les styles vont être statiques alors ce que vous pouvez faire est extériorisent les styles dans une feuille de style et d'utiliser jQuery pour ajouter des classes CSS à votre élément.

+0

merci. Je devais être sûr qu'il n'y avait pas un moyen plus facile. – andrei

2

Sélectionnez les éléments que vous souhaitez modifier avec le sélecteur, puis utilisez la méthode .css() pour modifier la propriété d'affichage.

$('.my-element-class').css('display', 'inline'); 

Si vous devez modifier plusieurs propriétés à la fois, en utilisant une carte de propriété d'objet est plus facile que d'appeler à plusieurs reprises .css().

$('.my-element-class').css({ 'display': 'inline', 'marginLeft': '100px' }); 

Notez l'utilisation de « marginLeft » plutôt que « la marge gauche », l'opérateur css() attend les valeurs à être en camelCase je crois.

0

Vous pouvez modifier/ajouter des propriétés comme ceci: element.css("display","inlne");

0

Vous pouvez ajouter une nouvelle classe dans votre feuille CSS, puis la basculer simplement sur l'élément parent. Ou utilisez .css({'display':'inline'}).

0

Salut si je comprends bien que vous voulez changer toutes les propriétés? Ensuite, je pense que vous pouvez utiliser la classe, addClass, removeClass pour ce