jQuery 表格是網(wǎng)站設(shè)計(jì)和開發(fā)的一個(gè)常見功能。要使表格交互性更強(qiáng)，可使用 jQuery 添加、刪除或修改表格行。接下來，我們將介紹 jQuery 表格操作的代碼。

//添加表格行
$("button.add-row").click(function() {
//創(chuàng)建行
var $row = $("<tr><td>New Row Data</td></tr>");
//添加到表格
$("table").append($row);
});
//刪除表格行
$("button.delete-row").click(function() {
//彈出刪除行提示框
if(confirm("Are you sure you want to delete this row?")) {
//獲取選中行
var $selectedRow = $("table tr.selected");
//從表格中刪除行
$selectedRow.remove();
}
});
//修改表格行
$("button.edit-row").click(function() {
//獲取選中行
var $selectedRow = $("table tr.selected");
//獲取行中第一個(gè)單元格
var $firstCell = $selectedRow.find("td:first");
//彈出編輯框，讓用戶編輯內(nèi)容
var newData = prompt("Enter new data:", $firstCell.text());
//更新表格中的單元格
$firstCell.text(newData);
});

上述代碼中，我們使用了三個(gè)按鈕，分別是添加表格行、刪除表格行和修改表格行。添加表格行和刪除表格行比較簡(jiǎn)單，因此我們分別使用 append() 和 remove() 方法添加和刪除表格行。

修改表格行有些不同。我們首先通過 find() 方法獲取選中行中的第一個(gè)單元格，然后使用 prompt() 方法彈出編輯框，讓用戶輸入新的數(shù)據(jù)。最后，使用 text() 方法更新表格中的單元格。