• 技术文章 >web前端 >js教程

    jquery如何设置行不同的颜色

    coldplay.xixicoldplay.xixi2020-11-18 10:58:43原创38

    jquery设置行不同的颜色的方法:使用设置even为奇数行,odd为偶数行不同颜色,代码为【$('#t1 > tbody tr:even').css('background','white');】。

    jquery设置行不同的颜色的方法:

    假设table的id为:t1

    even为奇数行,odd为偶数行

    $(document).ready(function(){
      $('#t1 > tbody tr:even').css('background','white');
      $('#t1 > tbody tr:odd').css('background','#f1f5f8');
    });

    效果如图:

    a8c4a86860309b1f75fcebcd957abd9.png

    相关免费学习推荐:JavaScript(视频)

    以上就是jquery如何设置行不同的颜色的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 设置行
    上一篇:myeclipse引入jquery提示报错怎么办 下一篇:怎么使用下载的jquery插件
    第14期线上培训班

    相关文章推荐

    • JQuery中dataGrid设置行的高度示例代码_jquery• Oracle Sqlplus设置行数和宽度• excel如何设置行间距• mysql怎么设置行值唯一?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网