jquery tr:even,tr:eq(),tr:nth-child()区别
1、先新建两张表格好做对比
2、添加$("tr:even").css("background","#bbffaa");发现所有偶数行都变色了(0开始,两表格之间空隙不是一行),而且影响了所有的表格
3、添加$("tr:eq(2)").css("background","red");发现第二行变红了,(0开始),且只有第一个表格变色了
4、添加$("tr:nth-child(2)").css("background","#F5B424");发现第二行变红了,(nth-child为1开始),而且两张表都变色了
5、添加$("tr:nth-child(even)").css("background","#1FC4EA");发现偶数行变红了,(nth-child为1开始),而且两张表都变色了
6、添加$("tr :nth-child(2)").css("background","#D393F2");发现所有的中间列变紫了,这是因为先是tr空格,表示后代即td元素,再对td做nth-child(2)选择,同样两张表都变色了
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:94
阅读量:80
阅读量:83
阅读量:22
阅读量:79