Comment modifier l'attribut style de l'élément avec ID connu en utilisant JQuery

Question

j'ai eu 3 boutons-liens déclenchants du code javascript, avec indication si certains bouton est sélectionné, le bouton sélectionné obtenu attribut de style mis à

« brun BTN sélectionné »

tandis que d'autres boutons ont cet attribut à

« brun BTN »

un seul bouton peut être sélectionné à un moment donné, chacun des boutons obtenu différents identifiant unique, ma question est de savoir comment utiliser l'accès jquery certains mais à n pour modifier son style attr. Ce que je dois sa seule façon d'accéder par un seul bouton id et modifier son attribut de style pour obtenir la mise à jour immédiate à l'écran

merci à l'avance MTH

Answer 1

Pas sûr que je comprends complètement la question, mais:

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

semble être le long des lignes de wh à vous voulez.

Je recommande l'utilisation des classes au lieu de définir directement CSS, ce qui est problématique pour plusieurs raisons (par exemple, suppression de styles est non trivial, la suppression des classes est facile) mais si vous voulez aller de cette façon:

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

Mais quand vous voulez inverser ce changement, à quoi le mettez-vous?

Answer 2

Utilisez la fonction CSS de jQuery pour définir des styles à vos articles:

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

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>