jQuery是一個非常流行的JavaScript庫，它可以用來簡化DOM操作和事件處理。在這篇文章中，我將介紹如何使用jQuery click事件來實現表格的交互。

// HTML代碼
<table id="myTable">
<tr>
<th>名字</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>小紅</td>
<td>20</td>
<td>女</td>
</tr>
<tr>
<td>小王</td>
<td>22</td>
<td>男</td>
</tr>
</table>
// jQuery代碼
$(document).ready(function() {
$('#myTable tbody tr').click(function() {
$(this).addClass('selected').siblings().removeClass('selected');
});
});

首先，我們在HTML中創建一個表格，其中包含三列：名字，年齡和性別。我們需要為表格中的每一行（不包括表頭）添加一個click事件處理程序，以便當用戶單擊行時，選中該行并取消選中其他行。

在jQuery代碼中，我們首先使用document.ready()函數來確保頁面加載后執行代碼。我們通過選擇器選中表格中tbody元素下的所有tr元素，并為其綁定一個click事件處理程序。當用戶單擊行時，我們使用addClass()函數來為該行添加一個名為“selected”的CSS類，同時使用siblings()函數選擇所有其他行并使用removeClass()函數從它們中刪除CSS類“selected”，以確保只有單擊的行被選中。

通過這種方法，我們可以很容易地為表格添加交互式功能，使其更加友好和易于使用。