css - 单击时更改链接的 Css

Question

我想创建一些链接按钮，这些按钮在被点击时会改变彼此的 CSS 样式。我找到了一些关于如何执行此操作的教程，如 this fiddle 所示，它半途而废；

http://jsfiddle.net/6m3rb/23/

<a id="btn1" class="btn" href="#" onclick="btn2.style.background='#007eff'; this.style.background='#9a3e01';">Button 1</a>
<br /><br />
<a id="btn2" class="btn" href="#" onclick="btn1.style.background='#007eff'; this.style.background='#9a3e01';">Button 2</a>

唯一的问题是，当单击链接并加载页面时，链接的 css 样式重置为正常，但我希望它保持样式直到按下另一个链接。

据我所知，我需要使用一些 javascript 来处理这种效果，但是，在 Internet 方面，javascript 并不是我最擅长的领域。

亲切的问候内罗斯

Answer 1

您将要尝试的是使用 jQuery，它是一个已经预定义的 Action 库。对于这种情况，您需要 .css() 部分中的内容。 http://api.jquery.com/css/

你的代码看起来像这样

$('#btn1').on('click', function(e){
    e.preventDefault(); // In this case I am preventing the link from firing you do not need this if you want to trigger the link, also remove e from your function parameters
    $('#btn2').css('background-color': 'red');
});