JavaScript/jQuery如何实现在表格(Table)中单击行高亮的效果呢？

1 个回答

• 0

  在JavaScript/jQuery的前端开发中，实现单击表格高亮的原理还是比较简单的，即监听表格行(tr)的单击事件，当前事件被触发的时候，在对应行添加高亮的css类。

  首先定义一个高亮行的样式效果，这里且命名这个CSS样式为:.highlight，主要是设置高亮行的背景颜色，如下：

  再用jQuery实现单击行的事件，如下：

  以上是可以同时高亮多行的实现代码，如果你只需要在表格中单击行时只能同时高亮一行，则可以使用如下的代码：

  评论 分享

  

  Rector

  2020-03-05 回答