JQuery实现网页表格动态增加与删除内容

要使用jQuery实现网页表格动态增加与删除内容，需要先在HTML中创建一个表格，并给它添加一些行和列。然后，可以使用jQuery的方法来添加和删除行或者列。

下面是一个简单的例子：

HTML代码：

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Email</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>25</td>
      <td>john@example.com</td>
      <td><button class="deleteRow">Delete</button></td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>30</td>
      <td>jane@example.com</td>
      <td><button class="deleteRow">Delete</button></td>
    </tr>
  </tbody>
</table>

<button id="addRow">Add Row</button>
<button id="addColumn">Add Column</button>

在这个表格中，我们有一个表头和两行数据。每行有三列数据和一个删除按钮。

现在我们可以使用jQuery来为这个表格添加一些功能：

$(document).ready(function() {
  // 添加行
  $('#addRow').click(function() {
    $('#myTable tbody').append('<tr><td>New Name</td><td>New Age</td><td>New Email</td><td><button class="deleteRow">Delete</button></td></tr>');
  });

  // 删除行
  $('#myTable').on('click', '.deleteRow', function() {
    $(this).closest('tr').remove();
  });

  // 添加列
  $('#addColumn').click(function() {
    $('#myTable thead tr').append('<th>New Column</th>');
    $('#myTable tbody tr').each(function() {
      $(this).append('<td>New Data</td>');
    });
  });
});

在这个代码中，我们使用了jQuery的`append()`方法来添加新的行或列。我们还使用了`closest()`方法来找到要删除的行，并使用`remove()`方法来将其从表格中删除。

现在，当我们点击“Add Row”按钮时，将会在表格的最后一行添加一个新的行。当我们点击“Delete”按钮时，将会删除这一行。当我们点击“Add Column”按钮时，将会在表头和每一行的最后一列添加一个新的列。

这是一个简单的例子，你可以根据你的实际需求来修改代码。