jquery如何设置行不同的颜色


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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

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

假设table的id为:t1

even为奇数行,odd为偶数行

1

2

3

4

$(document).ready(function(){

  $('#t1 > tbody tr:even').css('background','white');

  $('#t1 > tbody tr:odd').css('background','#f1f5f8');

});

效果如图:

a8c4a86860309b1f75fcebcd957abd9.png

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

以上就是jquery如何设置行不同的颜色的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery表单插件jQuery.form.js

jq如何改变css样式

jQuery怎么判断radio是否选中

mock jQuery怎么使用

jQuery如何获取选中和未选中的checkbox复选框

一起来聊聊jQuery、javascript与js三者间的区别

深入了解jQuery和vue的区别(附代码)

怎么看网页是不是加载jQuery

如何用jQuery选择节点下的第几个子元素

jQuery如何添加节点?

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...