javascript - 当在元素外单击另一个链接时，返回到先前状态的最有效方法是什么？ (jQuery)

Question

我有一个链接，点击它会改变它的状态:

$('.last_link').bind("click", function() {
     $(this).css({"color" : "#BBB", "cursor" : "default"});
});

但是，如果我单击该链接集中的另一个链接，它仍会保持该状态。我希望发生的事情是，当我单击另一个链接时，链接会返回到之前的状态。

不是在我点击其他链接时重新设置 .last-link 的先前状态，有没有更好、更有效的方法来恢复到该选择器的原始状态？

(编辑:假设除了 .css() 之外，我在该函数中还有其他方法，就像我有一系列方法一样。)

Answer 1

.high-state {
    color: #BBB;
    cursor: default;
}

a {
   color: blue;
   cursor: pointer;
}

$("a").click(function() {
    $(".high-state").removeClass('high-state');
    $(this).addClass('high-state');
});

http://jsfiddle.net/majidf/4r6XN/