Html table 页 实现点击选中tr行 改变背景颜色

Html table 页 实现点击选中tr行 改变背景颜色
table 表格展示数据时没有选中的效果，如果对展示数据 做了一些操作 会导致 不太容易分辨，所以选中效果就很重要，而这个事件需要作用于整个tr的所有td 而不是某个td。
具体请看代码，如果可以更加方便请指出，。
首先我们要把click确定在哪个tr上 ，关键获取tr是最重要的，可以根据不通的选择器实现 我使用的是id选择器 加上 标签。
我的做法是获取到所有的tr 给点击的tr添加Class ，通过Class 设置背景颜色。
//js 代码

$("#tbody tr").click(function(){ //给每个tr 绑定点击事件  主要锁定每个tr
	var trs = $(this).parent().find('tr'); //获取所有tr 
	if(trs.hasClass('on')){ //判断这些tr 有没有Class ‘on'’
		trs.removeClass('on');//把class on 移除 
	}             
	$(this).addClass('on');//点击的tr 添加 on class 用于改变样式
});

---

**//通过Class on 设置css样式
//给tr标签里 有onClass 的所有td 设置背景颜色。

tr.on td{
	background-color: #BFEFFF;  /*  背景颜色*/ 
}

**
这样 tr行选中改变背景颜色 就完成了。 也不用遍历。 个人认为此种写法 ，主要在于对选中tr的定位。

如有漏洞 欢迎指正。。。