jQuery 选择表格(table)里的行和列及改变简单样式

选择表格里的行和列并改变样式的完整攻略如下：

使用jQuery选择表格的行和列

首先，我们应该使用 $("table") 选择器来选取到表格元素。然后，可以根据选择器 $(":first-child") 、$(":last-child")，$("td:nth-child(n)")、$("th:nth-child(n)") 等方法来选择表格特定的行和列。

下面是选取第二列（从0开始计算）的所有td元素的方法：

$("table td:nth-child(1)")

上述选择器，使用了nth-child方法，表示选取每行中第2列的td元素。

类似地，下面是选取表格中第3行（从0开始计算）的所有td和th元素的方法：

$("table tr:nth-child(2) td, table tr:nth-child(2) th")

tr:nth-child(2)选出表格中的第3行，并且同时选出了该行中的所有td和th元素。

使用jQuery改变表格的样式

一旦选中了需要修改的行或列，我们可以使用addClass() 或 css() 方法来修改表格元素的样式。

以下是两个示例：

示例1： 当鼠标移到某行时改变其背景颜色

$("table tr").hover(function(){
    $(this).addClass("hoverRow");  
  }, function(){
    $(this).removeClass("hoverRow");
});

在这个示例中，我们使用了 hover 事件监听器，当鼠标移入某行时，利用 addClass() 方法向该行添加 .hoverRow 样式类，当鼠标移出时，应删除该样式。可以在CSS文件中定义 .hoverRow 样式来修改行背景颜色。

下面是一个简单的CSS例子：

.hoverRow {
  background-color:#FFFFA5;
}

示例2： 将表格斑马线样式化

我们可以通过选中表格的奇偶行来为表格赋予斑马线效果。

$("table tr:odd").css("background-color", "#eee");
$("table tr:even").css("background-color", "#fff");

在这个示例中，我们使用了 :odd 选择器来选择奇数行，使用 :even 选择器来选择偶数行，并使用css()方法来为选定行设置不同的背景颜色。