jquery tr:even,tr:eq(),tr:nth-child()区别

 时间:2024-10-28 22:56:04

1、先新建两张表格好做对比

jquery tr:even,tr:eq(),tr:nth-child()区别

2、添加$("tr:even").css("background","#bbffaa");发现所有偶数行都变色了(0开始,两表格之间空隙不是一行),而且影响了所有的表格

jquery tr:even,tr:eq(),tr:nth-child()区别

3、添加$("tr:eq(2)").css("background","red");发现第二行变红了,(0开始),且只有第一个表格变色了

jquery tr:even,tr:eq(),tr:nth-child()区别

4、添加$("tr:nth-child(2)").css("background","#F5B424");发现第二行变红了,(nth-child为1开始),而且两张表都变色了

jquery tr:even,tr:eq(),tr:nth-child()区别

5、添加$("tr:nth-child(even)").css("background","#1FC4EA");发现偶数行变红了,(nth-child为1开始),而且两张表都变色了

jquery tr:even,tr:eq(),tr:nth-child()区别

6、添加$("tr :nth-child(2)").css("background","#D393F2");发现所有的中间列变紫了,这是因为先是tr空格,表示后代即td元素,再对td做nth-child(2)选择,同样两张表都变色了

jquery tr:even,tr:eq(),tr:nth-child()区别
  • Visio如何将设置参数保存到注册表
  • js如何显示图片
  • css如何使用div制作一个好看的按钮
  • ccleaner清理注册表教程介绍
  • 如何在win7电脑调用dos命令来复制文档?
  • 热门搜索
    吃了紧急避孕药怀孕了怎么办 四肢无力是怎么回事 皮毛一体怎么清洗 怎么练习普通话 公函怎么写 胃口不好怎么调理 老公出轨了怎么办 gta5mod怎么用 建筑图纸怎么看 元宵节用英语怎么说