jQuery选择器设置表格

来源:互联网 发布:音质增强软件 编辑:程序博客网 时间:2024/04/30 23:22
表格样式如下:
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只选择第一个,无论后面有没有
});
原创粉丝点击