jquey学习(2)----jquery最简单的隔行高亮显示

xiaoxiao2022-06-12  43

//前提是你要导入jquery的库 $(function(){ $("#tab tbody tr:odd").css("backgroundColor","red"); //奇数行 $("#tab tbody tr:even").css("backgroundColor","red"); //偶数行 $("#tab tbody tr:eq(2)").css("backgroundColor","red"); //索引等于2 $("#tab tbody tr:gt(2)").css("backgroundColor","red"); //索引大于2 $("#tab tbody tr:lt(2)").css("backgroundColor","red"); //索引小于2 });

 html代码

<table id="tab" border="1" cellpadding="0" cellspacing="0" width="70%"> <tbody> <tr> <td>a</td><td>a</td><td>a</td><td>a</td> </tr> <tr> <td>b</td><td>b</td><td>b</td><td>b</td> </tr> <tr> <td>c</td><td>c</td><td>c</td><td>c</td> </tr> <tr> <td>d</td><td>d</td><td>c</td><td>c</td> </tr> </tbody> </table>

 

转载请注明原文地址: https://www.6miu.com/read-4932221.html

最新回复(0)