Jak zmodyfikować atrybut stylu elementu o znanej ID jQuery

Question

mam 3 przyciski linków wyzwalające niektóre kodu javascript, ze wskazaniem, czy jest wybrana pewna przycisk, wybrany przycisk został atrybut style ustawione

„btn brązowy wybrany”

podczas gdy inne przyciski got ten atrybut ustawiony

„Brown bTN”

można wybrać tylko jeden przycisk w tym samym czasie, każdy z przycisków got różnych unikatowy identyfikator, moje pytanie brzmi: w jaki sposób za pomocą dostępu jQuery pewne ale n, aby zmienić jego styl attr. Co muszę jej tylko jak uzyskać dostęp przez id jednego przycisku i modyfikować jego atrybut stylu uzyskać natychmiastową aktualizację na ekranie

góry dzięki MTH

Answer 1

Nie wiesz, ja całkowicie rozumiem pytanie, ale:

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

wydaje się wzdłuż linii wh na ciebie chcesz.

pewnością polecam za pomocą klas zamiast bezpośredniego ustawiania CSS, który jest problematyczne z kilku powodów (np usuwania stylów nie jest trywialna, usuwanie klas jest łatwe), ale jeśli chcesz iść tamtędy:

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

Ale kiedy chcesz cofnąć tę zmianę, po co ją ustawisz?

Answer 2

Użyj funkcji CSS z jQuery, aby ustawić style do swoich przedmiotów:

$('#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>