当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery编程开发中隔行背景色变色实现方法

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

2019年03月27日  | 移动技术网IT编程  | 我要评论

隔行变色有很多中方法来实现，之前我都是直接将判断代码写在程序中，今天我们来使用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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网