给table行换色

<script language="javascript">
//假设Table的ID为angel
$("#angel tr").click(function(){
  $(this).addClass("on").siblings("tr").removeClass("on");
});
</script>

addClass:是添加样式；

siblings:是用来获取同辈元素，siblings("tr")的意思就是获取同辈的tr元素；

removeClass:是去除样式；

时间： 2024-10-12 14:47:19

给table行换色的相关文章

如何在报表中格行换色

摘要:如何在报表中格行换色如何在报表中格行换色1.Table(数据表)?使用????? iif(rownumber() mod 2 ,color1,color2)?? 2.Matrix(矩阵表)?? 矩阵表不能使用Rownumber 或columnnumber()等方式处理.用此方式都会产生不预期的结果.数据颜色会乱跳.因此要做一些变通手法???例如我们想要做复数列变成绿色?? 一般我们会用iif(RowNumber(Nothing) Mod 2,"Green","Whit

ExtJs4学习（十）Grid单元格换色和行换色的方法

Grid单元格换色 { text:'类别', dataIndex:'type', align:'center', renderer:function(value,metaData){ console.log(metaData); if(value==0){ metaData.css='x-grid-record-gray'; return "<span style='color:#FFF;font-weight:bold;'>注销系统</span>"; }els

jQuery实现table隔行换色和鼠标经过变色

一.隔行换色 $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定: $("table tr:nth-child(odd)").css("background-color","#eeeeee

08-JS中table隔行换色

JS中table隔行换色 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <table id="tab1" border="" cellspacing="" cellpaddi

实现table、列表隔行换色

为了增强用户体验,快速识别行内容,一般都会在一些列表或者表格设置隔行换色~ 本人了解到的有两种常用的方法~ 1,利用CSS进行隔行换色 tr{ background: #E0F0FA;} tr:nth-child(2n){ background: white;} //规定属于其父元素的第2n(第偶数个)个子元素的每个 tr 的背景色 tr{ background-color: expression((this.sectionRowIndex % 2 == 0) ? "#E0F0FA"

jQuery实现的table表格隔行换色代码实例

jQuery实现的table表格隔行换色代码实例:下面是一段代码实例,能够实现隔行变色的效果,这是网站人性化措施之一,在实际应用中的使用非常广泛.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t

jQuery实现表格隔行换色且感应鼠标高亮行变色

jQuery插件实现表格隔行换色且感应鼠标高亮行变色 http://www.jb51.net/article/41568.htm jquery 操作DOM的基本用法分享http://www.jb51.net/article/30047.htm jQuery技术之事件处理 http://blog.csdn.net/woshisap/article/details/7434010 jQuery实现表格隔行换色且感应鼠标高亮行变色,布布扣,bubuko.com

Js实现table单双行交替色

依稀记得,当初我刚学编程的时候还学过怎么实现表格单双行交替色,现如今早已记不清当时的实现思路,这两天突然想起,没事就自己写了一小段代码,也不知道是否是当年的思路,不过不用纠结这个问题.:) 代码很简单,利用纯Js实现表格单双行交替色. //Js实现表格单双行交替色 function SetTrColor(tableId) { var table = document.getElementById(tableId);//根据table的 id 属性值获得对象 var rows = table.ge

datatbles修改显示样式(修改行、列背景色，字体，隔行换色)

这里主要介绍两个函数:aoColumnDefs和createdRow datatables的使用方式非常简单,自行查阅资料,直接上代码: var t;t = $("#accountTbl").DataTable({ searching: true, processing: true, dom: "<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm