Home  >  Article  >  Web Front-end  >  jQuery realizes interlaced background color change_jquery

jQuery realizes interlaced background color change_jquery

WBOY
WBOYOriginal
2016-05-16 16:30:261440browse

There are many ways to achieve interlaced color change. In the past, I wrote the judgment code directly in the program. Today we will use jQuery to implement it. Here is the code~

jQuery code:

Copy code The code is as follows:

        $(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 code:

Copy code The code is as follows:

                                                                                                                                                                                                                                                                                          
                                                                                                                                                           
                                     
                                       
                                  
                                                                                         
First LineFirst Line
The third lineThe third line
Line 4Line 4
Line 5Line 5
Line 6Line 6




Isn’t it fun? Friends, you can actually use jQuery to achieve many fun things. Let’s use it freely
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn