在網頁開發中，經常需要使用到購物車功能，我們可以使用jQuery來實現一個簡單的購物車。在購物車頁面中，我們可以添加一個表格，用于顯示商品信息。

// 創建表格對象
var table = $('<table>');
// 創建表頭
var tableHead = $('<thead>').appendTo(table);
var headRow = $('<tr>').appendTo(tableHead);
$('<th>').text('商品編號').appendTo(headRow);
$('<th>').text('商品名稱').appendTo(headRow);
$('<th>').text('商品價格').appendTo(headRow);
$('<th>').text('商品數量').appendTo(headRow);
$('<th>').text('操作').appendTo(headRow);
// 創建表體
var tableBody = $('<tbody>').appendTo(table);
// 將表格添加到頁面中
$('#cart').append(table);

這段代碼會創建一個空的表格對象，然后添加表頭和表體。表頭包括五個列：商品編號、商品名稱、商品價格、商品數量和操作。表體是一個空的元素。

在購物車頁面中，我們還需要添加一個按鈕，用于添加商品到購物車中。點擊按鈕后，我們需要將商品信息添加到表格中的表體中。

// 獲取商品信息
var id = $('#product-id').val();
var name = $('#product-name').val();
var price = $('#product-price').val();
var quantity = $('#product-quantity').val();
// 創建表格行
var row = $('<tr>').appendTo(tableBody);
$('<td>').text(id).appendTo(row);
$('<td>').text(name).appendTo(row);
$('<td>').text(price).appendTo(row);
$('<td>').text(quantity).appendTo(row);
$('<td>').html('<button class="btn btn-danger delete-btn">刪除</button>').appendTo(row);

這段代碼會獲取表單中的商品信息，然后創建一個表格行，將商品信息添加到表格行中。每行還包括一個“刪除”按鈕，用于從購物車中刪除該商品。

最后，我們還需要給“刪除”按鈕添加點擊事件，用于從表格中刪除該商品。

$(document).on('click', '.delete-btn', function() {
$(this).closest('tr').remove();
});

這段代碼會給所有的“刪除”按鈕添加點擊事件，當點擊按鈕時，會找到按鈕所在的表格行，并將該行從表格中刪除。

使用jQuery實現購物車添加表格非常簡單，通過添加表頭、表體和“刪除”按鈕的點擊事件，我們可以方便地實現一個完整的購物車功能。