jQuery使table表格隔行显示不同颜色

2019独角兽企业重金招聘Python工程师标准>>>

jQuery使table表格隔行显示不同颜色

$("tr").css("background-color","#E9F3FF");//所有表格的行设置颜色
$("tr#odd").css("background-color","#E9F3FF");//id为odd的行设置颜色
$("tr.odd").css("background-color","#E9F3FF");//class为odd的行设置颜色
$("tr.even").css("background-color","#E9F3FF");//class为even的行设置颜色
$("tr:odd").css("background-color","#E9F3FF");//奇数行设置颜色
$("tr:even").css("background-color","#E9F3FF");//偶数行设置颜色

转载于:https://my.oschina.net/owengao/blog/267040

jQuery使table表格隔行显示不同颜色相关推荐

网页表格隔行显示不同颜色，怎样实现？
在网页中有时会用到表格,为了方便用户预览,我们可以让表格第1行显白色,第2行显示淡黄色或其它颜色,这样循环显示(效果如下图).那么,怎样来实现这种效果呢?其实,我们可以通过PHP轻松实现.下面,就是一 ...
（转）用JS实现表格中隔行显示不同颜色
用JS实现表格中隔行显示不同颜色第一种: <style> tr{bgColor:expression( this.bgColor=((this.rowIndex)%2==0 )? ...
【Jquery】Jquery操作table表格详细说明
函数说明 //eq:获取子元素索引从 0 开始 $("#tableid tr th:eq(1)").remove();//第二列 //nth-child:获取子元素从 1 开始 $ ...
通过style来控制隔行显示不同颜色 .
通过style来控制隔行显示不同颜色 . <style> tr{ bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'gr ...
table表格取消显示表头
vue之element,使element的table表格不显示表头使用show-header属性:
前端-table表格隔行变色
table表格隔行变色作为一个后端的我,在某公司无前端工程师时,系统那体验自己用起来都想骂人了.今天就纪录一下,自己在后台经常用到的一个小玩意. :nth-child(): 定义和用法 :nth-c ...
jquery控制table的行显示和隐藏
jquery控制table的行显示和隐藏一.开发记录我们经常会遇到需要在html中控制元素进行隐藏或显示的场景: 隐藏: $('#id').css('display','none'); 显示: $ ...
利用html制作隔行变色表格,javascript实现table表格隔行变色的方法
本文实例讲述了javascript实现table表格隔行变色的方法.分享给大家供大家参考.具体实现方法如下: table间隔色 function SetTableColor() { var tbl = ...
jQuery实现table表格中行数据上下拖拽功能
jQuery实现table表格中行数据上下拖拽功能 $("#table").sortable({cursor: "move",axis: "y&quo ...
jQuery为table表格动态添加或删除tr
HTML页面元素如下:  <div id="contractDetailDiv" title="销售订单明细&qu ...

jQuery使table表格隔行显示不同颜色

jQuery使table表格隔行显示不同颜色

jQuery使table表格隔行显示不同颜色相关推荐

最新文章

热门文章