-
jQuery操作html表非常方便，并在此基础上对表格的基本操作进行了简要的总结。
首先，创建一个公共表CSS和一个表：
表
{
边界塌陷：塌陷；
边框间距：0；
保证金：汽车；
左缘：自动；
宽度：800px；
}
TH、TD
{
边境：1px solid # b5d6e6；
字体大小：12px；
字体重量：正常；
文本对齐：中心；
垂直对齐：中间；
身高：20px；
}
TH
{
背景颜色：Gray；
}
一头
头两
头三
头四
头五
第一行和第一列
第一行第二行
第一行第三行
第一行第四行
第一行第五行
第二行的第一列
第二行和第二列
第二行和第三列
第二行和第四列
第二行和第五列
第三行的第一行
第三行和第二行
第三行第三列
第三行第四列
第三行第五列
第四行的第一行
第四行和第二行
第四行第三列
第四行第四列
第四行第五列
首先，鼠标移动到线条以替换背景色：
添加CSS样式：
悬停。
{
背景颜色：# cccc00；
}
JS脚本：
$（文档）Ready（函数（）{）
将鼠标移动到行/更改，建立单独的CSS悬停
gt（gt）（0）：它的意思是得到所有的TR多于TR指数是0，也就是说，它不包括头。
$（# Table1 TR：GT（0）（Hover）。
函数（）{ $（this）。AddClass（悬停）}，
函数（）{ $（this）。RemoveClass（悬停）}）
}）；
结果实施结果：
两。形状的奇数行和偶数行的变色：
奇偶线：
。奇{背景颜色：# BBF；}
即使{背景颜色：# FFC；}
JS脚本：
$（文档）Ready（函数（）{）
对于不同的颜色奇偶校验
$（#表TBODY TR：奇），AddClass（奇），
$（#表TBODY TR：即使）。AddClass（连）
或
/ / $（#表TBODY TR：奇），Css（背景颜色
/ / $（#表TBODY TR：即使）。Css（背景颜色
}）；
结果表明：
三。基本操作：
（1）删除行，例如删除表中的第二行：
删除指定的行（行秒）
$（#表3 TR：GT（0）：情商（1））删除（）；
（2）删除列，例如删除表中的第二列：
/ /情商：0获取子元素指标，首先删除页眉
$（#表3 TR：情商（1））删除（）；
n：从1获取子元素
$（#表3 TR TD：nth-child（2））删除（）；
（3）删除其他行，如第二行之外的所有行：
$（#表3 TR：GT（0）：没有（：情商（1）））删除（）；
（4）删除其他列，如第二列之外的所有列：
删除头文件
$（#表3 TR：不（：情商（1）））删除（）；
$（#表3 TR TD：不（：nth-child（2）））删除（）；
（5）隐藏的行，如隐藏第二行：
$（#表3 TR：GT（0）：情商（1））藏（）；
或
/ / $（#表3 TR：GT（0）：情商（1））。Css（显示
显示
/ / $（#表3 TR：GT（0）：情商（1））。Css（显示
（6）隐藏列，如隐藏的第二列：
$（#表3 TR：情商（1））藏（）；
$（#表3 TR TD：nth-child（2））藏（）；
或
/ / $（#表3 TR：情商（1））。Css（显示
/ / $（#表3 TR TD：nth-child（2））。Css（显示
显示
//$(#table3 tr th:eq (1)).Css (display
/ / $（#表3 TR TD：nth-child（2））。Css（显示
（7）在表的末端插入新行：
无功newrow =新行，新行的第一行，第二列，新的行，新的行，新的生产线，第四列和第五列新的生产线，；
$（#表3 TR：去年）后（newrow）；
（8）在第二行插入行和插入符：
无功newrow =新行，新行的第一行，第二列，新的行，新的行，新的生产线，第四列和第五列新的生产线，；
$（#表3 TR：GT（0）：情商（1））后（newrow）；
（9）获取单元格的值，如第二行和第三列：
var v = $（#表3 TR：GT（0）：情商（1）TD：情商（2））。文本（）；
结果表明：第二／第三行
（10）获取一列的所有值，如第二列：
var；
$（#表3 TR TD：nth-child（2））。每个（函数（）{（）
v = $（this）。文本（+）；
}）；
结果：第一、二线、二线、二线、第三线二
（11）获取一行的所有值，如第二行：
var；
$（#表3 TR：GT（0）：情商（1）TD）。每个（函数（）{）
v = $（this）。文本（+）；
}）；
结果：第二列第二行的第二行/第二行和第三列的第二行和第二行的第四列和第二行和第五列
（12）合并行单元格，例如合并第二行第二和第三个单元格：
$（#表3 TR：GT（0）：情商（1）TD：情商（1））Attr（合并单元格。
$（#表3 TR：GT（0）：情商（1）TD：情商（2））删除（）；
（13）拆卸分支的单元单元恢复上述合并单元格：
请注意，您不能使用 /
/ / $（#表3 TR：GT（0）：情商（1）TD：情商（1））。RemoveAttr（合并单元格）；
$（#表3 TR：GT（0）：情商（1）TD：情商（1））Attr（合并单元格。
$（#表3 TR：GT（0）：情商（1）TD：情商（1））。后（第二行第三列）
（14）合并列单元格，例如合并第二列和第二单元格和第三个单元格。
$（#表3 TR：GT（0）：情商（1）TD：情商（1））。Attr（行
$（#表3 TR：GT（0）：情商（2）TD：情商（1））删除（）；
（15）分裂一个列单元格，例如恢复刚才合并的单个单元格：
$（#表3 TR：GT（0）：情商（1）TD：情商（1））。Attr（行
在第一个单元格之后插入单元格
$（#表3 TR：GT（0）：情商（2）TD：情商（0））。后（第三行第二列）；
（16）为每个单元格添加一个单击事件，并弹出单元格行索引和列索引：
$（文档）Ready（函数（）{）
点击返回#表3细胞/细胞指数
$（#表3 TD）。Click（function（）{）
无功tdseq =美元（这）。父（），发现（TD）。指数（$（this））；
无功trseq =美元（这）。父（母），（），（TR）。指数（$（this）。父（））；
警报（第一+（trseq）+ ，+（tdseq + 1）+柱）；
}）
}）；
附：本站下载完整的示例代码。
更多关于jQuery相关内容的读者可以看到特别站：jQuery表（表）、jQuery操作技巧、总结切换效果和技巧总结jQuery
希望本文能对jQuery程序设计有所帮助。