jquery隔行背景色变色简单例子

发布时间:2020-08-02编辑:脚本学堂
有关jquery实现隔行背景色变色的代码,隔行变色实现方法很多,用jquery实现隔行变多相对简单,一起来了解下。

如何用jquery实现隔行变色?方法比较简单。
1、jquery代码:
 

复制代码 代码示例:
$(function(){
   var item = $("tr");
   for(var i=0;i<item.length;i++){
  if(i%2==0){
     item[i].style.backgroundColor="#888";
  }
 }
//$("#tb tbody tr:even").css("backgroundColor","#888");
});

2、html代码:
 

复制代码 代码示例:
<table id='tb'>
<tbody>
  <tr><td>第一行</td><td>第一行</td></tr>
  <tr><td>第二行</td><td>第2行</td></tr>
  <tr><td>第三行</td><td>第3行</td></tr>
  <tr><td>第4行</td><td>第4行</td></tr>
  <tr><td>第5行</td><td>第5行</td></tr>
  <tr><td>第6行</td><td>第6行</td></tr>
 </tbody>
</table>