点击表格行，改变背景颜色

灰暗shadow 2015-01-01 07:43:20

鼠标单击表格的某一行后该行的背景色变为蓝色，再单击去掉背景色。
（同时只能有一行被变颜色）

...全文

101 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

licip 2015-01-01

打赏
举报

引用 1 楼 jslang 的回复:


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<table id="tt">
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
</table>
<script type="text/javascript">
var bat = $();
$("#tt").on("click","tr",function(event){
	$(this).css("backgroundColor","#9999ff");
	bat.css("backgroundColor","#ffffff");
	bat = $(this);
});
</script>

天际的海浪 2015-01-01

打赏
举报


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<table id="tt">
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
	<tr><td>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
</table>
<script type="text/javascript">
var bat = $();
$("#tt").on("click","tr",function(event){
	$(this).css("backgroundColor","#9999ff");
	bat.css("backgroundColor","#ffffff");
	bat = $(this);
});
</script>

本课程也是在该开源项目基础上，从背景到难点、从传统方法到深度学习、从数据到训练、从模型理论到实战，全面讲解表格结构化识别技术： 1）算法模型：着重讲解LGPMA（海康威视）、TableMASTER（平安财险）、...

vue3+ant-design-vue实现table单元行单击改变背景颜色