jQuery实现点击修改按钮改变table一行颜色

jQuery可以方便地处理DOM操作和事件处理，实现点击某个按钮改变表格（table）中某一行的颜色。首先，你需要确保已经引入了jQuery库。下面是一个简单的示例：

<!-- 假设你有一个HTML表格 -->
<table id="myTable">
  <tr class="row0">
    <td>数据1</td>
    <td><button class="change-color">改变颜色</button></td>
  </tr>
  <!-- ...更多行... -->
</table>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  // 选择所有class为"change-color"的按钮
  $('.change-color').click(function() {
    // 获取当前被点击的按钮所在的行
    var row = $(this).closest('tr'); // 使用`.closest()`找到最近的tr元素

    // 改变行背景色，这里以蓝色为例，你可以根据需要替换为其他颜色
    row.css('background-color', 'blue');

    // 如果你想在一段时间后恢复原始颜色，可以用setTimeout加上一个回调函数
    // setTimeout(function() { row.css('background-color', ''); }, 5000); // 5秒后恢复默认颜色
  });
});
</script>

在这个例子中，当你点击带有“改变颜色”按钮的那一行时，该行的背景颜色会被设置为蓝色。如果需要在改变颜色后恢复原状，可以在`setTimeout`里添加相应的代码。