jquery table tr 单击添加背景色的几种方式
时间: 2023-10-15 11:08:10 浏览: 139
jQuery 全选/反选以及单击行改变背景色实例
有多种方式可以在单击表格行时添加背景色。以下是其中的几种方式:
1. 使用jQuery的click函数来绑定单击事件,并使用css函数来设置背景色。例如:
```
$('table tr').click(function() {
$(this).css('background-color', 'red');
});
```
2. 使用jQuery的addClass函数来添加CSS类,该类设置背景色。例如:
```
$('table tr').click(function() {
$(this).addClass('highlighted');
});
```
其中,CSS类可以定义如下:
```
.highlighted {
background-color: red;
}
```
3. 使用jQuery的toggleClass函数来切换CSS类,该类设置背景色。例如:
```
$('table tr').click(function() {
$(this).toggleClass('highlighted');
});
```
其中,CSS类可以定义如下:
```
.highlighted {
background-color: red;
}
```
这些方法可以根据你的需求来选择使用。
阅读全文