今天我們來學習如何通過 jQuery 來進行表格添加與刪除。表格是網站中常見的一種元素，通過動態的添加和刪除，我們可以實現更加靈活的數據展示。

首先我們來看一下表格的添加。假設我們的 HTML 頁面中已經有一個空表格，我們可以通過以下代碼來添加一行數據：

$('table tbody').append('<tr><td>數據1</td><td>數據2</td></tr>');

上述代碼中，我們通過 jQuery 選擇器選中表格的 tbody 標簽。然后使用 append() 方法來添加一行新數據，我們通過字符串的形式將新數據包裝在 tr 標簽中。其中，每一個單元格使用 td 標簽進行封裝。

我們也可以將新數據封裝在一個數組中，然后使用循環來一次添加多行數據。例如，下面的代碼將添加三行數據：

var data = [
['數據1', '數據2'],
['數據3', '數據4'],
['數據5', '數據6']
];
$.each(data, function(index, value) {
$('table tbody').append('<tr><td>' + value[0] + '</td><td>' + value[1] + '</td></tr>');
});

在上面的代碼中，我們使用了 jQuery 中的 $.each() 方法來遍歷數據數組，并通過 append() 方法來添加每一行數據。其中，index 表示當前迭代的下標，value 表示當前迭代的值。

接下來我們看一下表格的刪除。假設我們現在需要刪除表格中的第二行數據，我們可以使用以下代碼：

$('table tbody tr:eq(1)').remove();

上述代碼中，我們使用了 jQuery 中的 eq() 方法來選中表格中第二行數據，并使用 remove() 方法來刪除該行數據。注意，jQuery 中下標從 0 開始，因此我們要使用 1 來選中表格中的第二行數據。

我們也可以使用循環來一次刪除多行數據。例如，下面的代碼將刪除第二行至第四行數據：

for (var i = 1; i <= 3; i++) {
$('table tbody tr:eq(1)').remove();
}

在上面的代碼中，我們使用了 for 循環來迭代從第二行至第四行的數據，并通過 remove() 方法來刪除每一行數據。

綜上所述，通過上述方法，我們可以實現 jQuery 表格的動態添加與刪除，實現更加靈活的數據展示。