欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery编程开发中隔行背景色变色实现方法

程序员文章站 2022-03-28 20:05:38
隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jquery实现,代码奉上~ jquery代码: 代码如下:   &n...

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

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");
 
        });

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>