jquery table 行添加单击高亮展示事件
时间: 2023-07-30 14:06:10 浏览: 149
jQuery实现网站添加高亮突出显示效果的方法
可以通过以下代码实现:
```javascript
$(document).ready(function() {
// 给表格的每一行添加单击事件
$('table tr').click(function() {
// 移除其他行的高亮效果
$('table tr').removeClass('highlight');
// 给当前行添加高亮效果
$(this).addClass('highlight');
});
});
```
其中,我们给表格的每一行添加了一个单击事件,当点击某一行时,先移除其他行的高亮效果,再给当前行添加高亮效果。我们可以通过 CSS 样式来定义高亮效果,例如:
```css
.highlight {
background-color: yellow;
}
```
这样,当点击某一行时,该行的背景颜色就会变成黄色。
阅读全文