jquery针对单双行显示不同背景颜色

最新推荐文章于 2022-11-09 11:37:42 发布
最新推荐文章于 2022-11-09 11:37:42 发布
阅读量802 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/TSPWater/archive/2010/08/25/1808271.html
版权

//根据单双行显示不同背景色

 $('#table tr:even').css('backgroundColor','#E8E6E1');

 文中odd:单行，even:双行

转载于:https://www.cnblogs.com/TSPWater/archive/2010/08/25/1808271.html

???111
关注
JavaScript实现单双行以不同颜色显示
TechNovaX的博客
09-13 196
在网页开发中，有时候我们希望以不同的颜色来区分单行和双行，以增加内容的可读性。每一行的背景颜色将根据奇偶性进行区分，从而提高文本内容的可读性。首先，我们需要一个HTML文档，其中包含我们要显示的文本内容。我们将使用JavaScript来遍历每一行，并为每一行应用不同的颜色样式。在上面的JavaScript代码中，我们首先获取id为"content"的。文件中，我们将编写逻辑来遍历每一行，并为每一行应用相应的颜色类。方法遍历每一行，并根据行号的奇偶性为每一行添加相应的颜色类。，分别表示单行和双行的颜色样式。
js实现单双行以不同颜色显示
秋叶为何落
09-28 6526
单双行显示不同的颜色 window.onload = function color(){//窗口加载时调用 var table = document.getElementById("person");//根据table的 id 属性值获得对象 var rows = table.getElementsByTagName("tr");//获取table类型的tr元素
css实现表格单双行颜色不同
shufudeyipi的博客
04-01 2128
.table tr:nth-child(odd) { background-color:#bd7064a3; }
JQ实现效果：奇偶行颜色不同，单项选择和多项选择
xin9910的博客
07-25 1240
1、表格变色 $('tbody>tr:odd').addClass('odd'); $('tbody>tr:even').addClass('even');2、单项选择列表radio $('tbody>tr').click(function() { $(this).addClass('selected').siblings().removeClass('sele
jquery怎么判断不同的字显示不同的颜色_钻头为什么还有颜色区分，有什么区别？怎么选择才好！...
weixin_39683858的博客
11-22 148
钻孔是制造业中非常广泛的一个加工方式，相信经常在钻孔一线的小伙伴们对于钻头的了解不会很陌生，采购钻头时，钻头会有不同材质不同颜色的钻头，那么不同颜色的钻头到底有何去帮别，颜色与钻头的质量有没有关系，买哪种颜色的钻头更好呢？点击添加图片描述（最多60个字）钻头颜色与质量有没有关系首先：没法单纯从颜色上分辨钻头的质量，颜色跟品质没有直接的必然关系，不同颜色钻头主要是加工工艺不一样，当然可以从颜色上做出...
运用jquery实现table单双行不同显示并能单行选中
10-29
3. 在表格中实现单双行不同显示效果，可以通过 jQuery 为奇数行（或偶数行）应用不同的样式，以区分视觉效果。如示例代码所示，为奇数行的 `<p>` 元素设置了蓝色背景颜色，而偶数行的 `<p>` 元素则设置了黄色背景...
jQuery 行背景颜色的交替显示(隔行变色)实现代码
01-21
//显示单双行显示不同背景色【方法一】： // $(“#UL_id li:even”).attr(“className”,”redClass”); //显示单双行显示不同背景色【方法二】： $(“#UL_id li:even”).addClass(“redClass”); ”UL_id”> 单数...
微信小程序-CSS3实现表格单双行背景色不同的样式效果的前端源码
zy13665886的专栏
06-03 1864
实现效果： 源码如下： test.wmxl <view class='items_table'> <view class='list-tr'> <text class='list-th table-name'>名称</text> <text class="list-th table-go">导航</text>...
基于JQuery的js排序与表格颜色交替显示
03-23
NULL 博文链接：https://zhangyuqing052.iteye.com/blog/1066347
jQuery:表格的奇偶行变色，jquery实例之表格隔一行
weixin_67271870的博客
11-09 592
姓名年龄王华18刘云19刘亮15叶子17刘梦20
js改变,设置table单双行颜色,jquery改变,设置table单双行颜色
dibanmi2602的博客
08-10 384
1、js实现单双行以不同颜色显示 $(document).ready(function () { var color = "#ffeab3"; $("#GvList tr:odd td").css("background-color", color); //改变偶数行背景色 $("#GvList tr:odd")...
JQUERY 单双行样式简单变换
shuaicike的专栏
01-23 921
请思考下面这个拥有简单列表的页面： list item 1 list item 2 list item 3 list item 4 list item 5 list item 6 我们可以向这个列表项集合应用该方法： $('li').filter(':even').css('background-color', 'red');   此调用的结果是将项目 1,
jqgrid表格单双行样式不同
时光足迹
08-08 5195
原效果展示： 关键代码 $(function () { //当 datatype 为"local" 时需填写 var grid_data = [{ sno: "20160801", sname: "张三", ssex: "女",
jquery表格奇偶行设置不同颜色
Sean.W的专栏
12-24 4371
这是一个比较实用的功能，设置奇偶行颜色不同后阅读表格数据的体验明显变好，否则数据会显得非常繁杂拥挤（当表格数据行多时体验尤为明显）。只有当你自己真正做这方面的东西接触到时才有强烈的体会，反正我是刚刚经历了，留在这里备参考吧~ 核心JS脚本代码如下（table元素的id根据自己的情况调整） $(document).ready(function(){ SetTableR
css如何让表格或者行隔行显示背景颜色，单双交替显示不同的背景颜色
热门推荐
Caster_Saber的专栏
06-16 1万+
css如何让表格或者行隔行显示背景颜色，单双交替显示不同的背景颜色 要显示单双行不同颜色除了css可以外，jquery也可以的，而且 2种方法都挺简单的，下面请看jquery显示的方法。 $(function(){ $("tr:even").css("background","blue"); $("tr:odd").css("background","red"); })
Jquery单引号和双引号的使用注意
xufengzhu的专栏
06-14 1万+
据Jquery文档显示在js中单引号和双引号都是一样的，但是在实际使用就碰到了问题，如下面的例子，在嵌套使用时，如果都使用双引号，内层的双引号的无效的 $(function() { $("#send").click(function() {//外层对象使用双引号 $.ajax({ type: "GET", url: "test.json", dataTyp
jQuery使table表格隔行显示不同颜色
weixin_34349320的博客
05-20 467
2019独角兽企业重金招聘Python工程师标准>>> ...
实现单双选功能的jQuery多级联动下拉菜单
当用户完成选择后，可以利用jQuery捕获用户的选择结果，并进行后续处理，如表单提交或在页面上显示所选内容。 多级下拉选择器在网页中通常用于录入结构化的数据，比如行政区划、产品分类等，它能够帮助用户在有限的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值