今天我們來學習一下如何使用jquery來設置當前行的背景顏色。

首先，我們需要使用一些基本的HTML和CSS來創建一個表格。

<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>30</td>
<td>男</td>
</tr>
</tbody>
</table>

接下來，在CSS中為表格中的每一行添加一個:hover樣式。

tr:hover {
background-color: #ECECEC;
}

現在，我們希望在用戶點擊某一行時，該行的背景顏色變為另外一種顏色，這時我們就可以使用jquery。

$(document).ready(function() {
$('tr').click(function() {
$('tr').removeClass('selected');
$(this).addClass('selected');
});
});

在上面的代碼中，我們為表格中的每一行添加了一個click事件。當用戶點擊某一行時，我們首先移除所有行的selected樣式，然后添加該行的selected樣式。

最后，在CSS中定義selected樣式的背景顏色。

.selected {
background-color: #FFCC00;
}

現在，當用戶點擊某一行時，該行的背景顏色將會變為黃色。

總結：

使用jquery，我們可以輕松地實現設置當前行背景色的功能。首先，在CSS中定義:hover和selected樣式，并為表格中的每一行添加click事件。然后，在jquery中添加代碼，使得當用戶點擊某一行時，該行的selected樣式生效。