Comment modifier l'attribut STYLE d'un élément avec un ID connu à l'aide de JQuery

Question

J'ai eu 3 boutons-liens déclenchement du code javascript, avec indication si certaines bouton est sélectionné, le bouton sélectionné ai attribut de style de jeu à

"btn brun sélectionné"

tandis que d'autres boutons eu cet attribut

"btn brun"

un seul bouton peut être sélectionné à un moment, chacun des boutons a été identifiant unique différent, ma question est comment à l'aide de jquery accéder à certaines bouton pour modifier le style attr. Ce que j'ai besoin de sa seule façon d'accéder par l'id d'un seul bouton et de modifier son attribut de style pour obtenir la mise à jour immédiate sur l'écran

merci d'avance MTH

Answer 1

Utilisez la fonction CSS de jQuery pour définir des styles pour vos éléments:

 $('#buttonId').css({ "background-color": 'brown'});
 

Answer 2

Je ne suis pas sûr de bien comprendre la question mais:

 $(":button.brown").click(function() {
  $(":button.brown.selected").removeClass("selected");
  $(this).addClass("selected");
});
 

semble aller dans le sens de ce que vous voulez.

Je recommanderais certainement d'utiliser des classes au lieu de définir directement CSS, ce qui est problématique pour plusieurs raisons (par exemple, la suppression de styles n'est pas anodine, la suppression de classes est facile) mais si vous voulez procéder de cette façon:

 $("...").css("background", "brown");
 

Mais quand vous voulez inverser ce changement, à quoi le définissez-vous?

Answer 3

$("span").mouseover(function () {
$(this).css({"background-color":"green","font-size":"20px","color":"red"});
});

<div>
Sachin Tendulkar has been the most complete batsman of his time, the most prolific     runmaker of all time, and arguably the biggest cricket icon the game has ever known. His batting is based on the purest principles: perfect balance, economy of movement, precision in stroke-making.
</div>