jQuery选择器设置表格

最新推荐文章于 2023-01-20 09:31:31 发布

weixin_38437243

最新推荐文章于 2023-01-20 09:31:31 发布

阅读量475

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_38437243/article/details/75077120

JQuery 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一段使用jQuery操作表格样式的代码实例，通过不同的选择器设置表格中特定行的背景颜色，如偶数行、奇数行、特定位置的行等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表格样式如下：

table {

width: 300px;

height: 300px;

margin: auto;

border: 1px solid black;

border-collapse: collapse;

}

tr td{

border: 1px solid black;

border-collapse: collapse;

text-align: center;

}

，jQuery代码如下：

$(function(){

//$("tr:nth-child(1)").css("background","red");//设置第一个背景色为红色

//$("tr:nth-child(n+2)").css("background","red");//设置第>=2个背景色为红色

//$("tr:nth-child(-n+2)").css("background","red");//设置第<=2个背景色为红色

//$("tr:nth-child(2n)").css("background","red");//设置第偶数个背景色为红色

//$("tr:nth-child(2n+1)").css("background","red");//设置第奇数个背景色为红色

//$("tr:nth-child(3n+1)").css("background","red");//设置第隔2加1个的背景色为红色

//$("tr:nth-last-child(3)").css("background","red");//设置倒数第3个背景色为红色

//$("tr:last-child()").css("background","red");//设置倒数第1个背景色为红色

//$("tr:eq(1)").css("background","red");//设置表格中第二个背景色为红色

//$("tr:gt(2)").css("background","red");//设置表格中大于第2个(不包括2)背景色为红色 / /$("tr:lt(2)").css("background","red");//设置表格中小于第2个(不包括2)背景色为红色 / /$("td:eq(2)").css("background","red");//设置表格中第3列中的第1个背景色为红色 eq只选择第一个，无论后面有没有

});