jQuery是一種流行的JavaScript庫(kù)，可用于簡(jiǎn)化常見(jiàn)的網(wǎng)頁(yè)開(kāi)發(fā)任務(wù)。其中一個(gè)常見(jiàn)的任務(wù)是遍歷HTML表格中選定的行。

首先，讓我們假設(shè)您已經(jīng)編寫(xiě)了一個(gè)HTML表格，它看起來(lái)像這樣：

<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr id="row1">
<td>小明</td>
<td>20</td>
<td>北京</td>
</tr>
<tr id="row2">
<td>小紅</td>
<td>25</td>
<td>上海</td>
</tr>
<tr id="row3">
<td>小剛</td>
<td>30</td>
<td>廣州</td>
</tr>
</tbody>
</table>

現(xiàn)在我們想選中其中的一行并將其高亮顯示，我們可以使用以下jQuery代碼：

$('tr').click(function() {
$('tr').removeClass('highlight');
$(this).addClass('highlight');
});

這將給表格的所有行添加一個(gè)click事件，并為選定的行添加.highlight類(lèi)。它還會(huì)刪除其他行的.highlight類(lèi)，以確保只有一個(gè)行處于高亮狀態(tài)。

最后，您需要為.highlight類(lèi)定義高亮樣式。例如：

.highlight {
background-color: yellow;
}

現(xiàn)在，當(dāng)您單擊表格中的任何行時(shí)，它將高亮顯示。這是一種簡(jiǎn)單而有效的方法，可讓您輕松遍歷選定的行。