如何单击某行使其颜色变化并且在单击其他行后颜色恢复

思路：

给table的每一行（tr）来一个样式。然后再通过js来修改单击的那一行的颜色（将之前的元素保存，然后再点击另一行时进行修改恢复以及改变单击行）。

如：

css：

tr{
background-color: blue;
}

js：

var cur;
$("tr").click(function(){
cur ? $(cur).css("background-color","#d9f4ff"): '';
    $(this).css("background-color","#ffefd7");
    cur = this;
});

或

var cur;
var tr = $("tr");
for (var i = 0; i < tr.length; i++) {
   tr[i].onclick = function() {
       cur ? cur.style.backgroundColor = '#d9f4ff': '';
       this.style.backgroundColor = "#ffefd7";
       cur = this;
   }
}