如何使用jQuery选择表格的最后一行

首先，使用jQuery选择表格的最后一行可以通过以下方式实现：

$('table tr:last-child').addClass('last-row');

上述代码中，我们通过选择器将表格的最后一个tr元素选中，然后通过addClass()方法，在该行上添加了一个last-row的自定义Class。

接下来，我们继续举例说明该方法的使用。

示例一：将表格最后一行的背景色改变

假设我们有一个表格如下：

<table>
  <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
  </tr>
  <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
  <tr>
    <td>第三行第一列</td>
    <td>第三行第二列</td>
  </tr>
</table>

我们可以使用如下的代码将表格最后一行的背景色改变：

$('table tr:last-child').css('background-color', 'yellow');

这段代码选取了最后一个tr元素，并且对其设置了背景色为黄色。这个示例可以通过在浏览器中查看DOM元素来验证。

示例二：将表格最后一行的文本加粗

在此示例中，我们要将表格最后一行的文本加粗。首先，我们需要为最后一行的元素添加一个新Class用于后面的样式调整，代码如下：

$('table tr:last-child').addClass('bold-row');

接下来，我们在CSS中定义一个.bold-row的样式规则，使其将文本加粗：

.bold-row td {
  font-weight: bold;
}

此规则表示当某个元素的顶级父元素有一个bold-row的Class时，这个元素的字体加粗。

现在，我们已完成如何使用jQuery来选择表格的最后一行的完整攻略，并且给出了两个示例说明。