Как изменить атрибут STYLE элемента с известным идентификатором с помощью JQuery

У меня есть 3 кнопки-ссылки, запускающие некоторые javascript-коды, с указанием, если выбрана определенная кнопка, выбранная кнопка получила атрибут стиля, установленный на

"btn brown selected"

в то время как другие кнопки получили этот атрибут

"btn brown"

только одна кнопка может быть выбрана за один раз, каждая из кнопок имеет уникальный уникальный идентификатор, мой вопрос заключается в том, как с помощью jquery получить доступ к определенной кнопке, чтобы изменить ее стиль attr. Что мне нужно только для доступа к одиночной кнопке id и изменить ее атрибут стиля, чтобы получить немедленное обновление на экране

спасибо заранее MTH

Ответ 1

Не уверен, что я полностью понимаю вопрос, но:

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

похоже на то, что вам нужно.

Я бы рекомендовал использовать классы вместо того, чтобы напрямую настраивать CSS, что является проблематичным по нескольким причинам (например, удаление стилей является нетривиальным, удаление классов - простое), но если вы хотите пойти таким образом:

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

Но когда вы хотите изменить это изменение, что вы его установили?

Ответ 2

Используйте функцию CSS из jQuery для установки стилей в свои элементы:

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

Ответ 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>