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

jquery里面是不是搞不清楚，tr的选择器？

$("tr:even"),$("tr:eq(2)"),$("tr:eq(3)"),$("tr:nthchild(2)"),$("tr :nthchild(2)")

,$("table:nthchild(2)"),$("tr:nthchild(even)"),$("tabletr:nthchild(3n+1)").css();

方法/步骤

 

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）选择，同样两张表都变色了

   

转载于:https://www.cnblogs.com/jianxingjianyuan/p/6543658.html