Heim  >  Artikel  >  Web-Frontend  >  jQuery实现隔行背景色变色_jquery

jQuery实现隔行背景色变色_jquery

WBOY
WBOYOriginal
2016-05-16 16:30:261396Durchsuche

隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jQuery实现,代码奉上~

jQuery代码:

复制代码 代码如下:

       $(function(){
            var item = $("tr");
            for(var i=0;i                 if(i%2==0){
                    item[i].style.backgroundColor="#888";
                }
            }
            //$("#tb tbody tr:even").css("backgroundColor","#888");
 
        });

HTML代码:

复制代码 代码如下:

   
       
           
           
           
           
           
           
       
   
第一行 第一行
第二行 第2行
第三行 第3行
第4行 第4行
第5行 第5行
第6行 第6行

是不是很好玩,小伙伴们其实可以用jQuery实现很多好玩的东西的,大家自由发挥吧

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn